table 的TD 内放 TEXT 类型 INPUT 宽度问题

当TD内放TEXT类型的INPUT时,宽度目前用的是95%,但是感觉不够美观,怎么让TEXT 与TD的间隙 是1像素 .并且兼容各种浏览器?99%试过了.有时候会超出TD边界.这个有最佳实践么?

阅读 11.1k
2 个回答

办法倒是不少:
问题出在了 input 的边框问题 ,默认有 border-style: inset 边框 2 象素
在包含 input 的 div 中 可以加上面代码 padding-right 减去边框就行
也可以不加任何代码,但需要把input 边框去掉 如:border: none;
去掉边框后 在 input 的外面套一个 div ,把div 设置上边框 可以实现你要的效果

<td width="100px"><input type='text' name='param' style="margin-left:20px;margin-right:20px;"/></td>
input定义margin,想和td隔多少像素都可以。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
logo
101 新手上路
子站问答
访问
宣传栏