我一直在尝试创建一种表格,其中考虑到填充和边距后元素的宽度都相同。我成功使用的元素是<textarea>
,<input type="text">
和<div>
标记。我大部分时间都是成功的,但是<input type="submit">
元素似乎没有像其他任何元素一样使用水平填充。我想念什么吗?
如何在不牺牲填充物的情况下将它们全部设置为相同的宽度?
示例:http://jsfiddle.net/4kA8k/
为了全面起见,我使用的是Chrome,并检查了IE中是否也发生了这种情况。
最佳答案
我认为您的CSS中的以下几行可能会达到目的,以便所有HTML元素的行为(种类)相同:
* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
}