我一直在尝试创建一种表格,其中考虑到填充和边距后元素的宽度都相同。我成功使用的元素是<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;
}

10-07 19:05
查看更多