html - INPUT 和 SELECT 元素自定义大小

Question

据我了解，宽度/填充/边距属性仅适用于 block 级元素。但是，在 INPUT 和 SELECT 元素上，我可以指定有效的宽度。应该吗？

我可以这样写:

<input type="text" style="display:block;" />

但是有必要吗？

谁能解释一下它为什么有效？

Answer 1

实际上，它们并不是真正的内联元素，而是内联 block 元素。这允许您指定宽度、高度和其他特定于 block 的属性，而无需中断内联元素的流。 In good browsers您可以在任何元素上使用“display:inline-block”来实现相同的目的。