我的印象是内联元素无法调整其高度,但我可以使用<input type="text"/>
元素来做到这一点。
我是否正确认为<input type="text"/>
元素是内联的?
如果是这样,是什么使它们与<span></span>
元素的不同之处在于它们可以或不能调整大小。
默认情况下,元素input
不是.inline-block
inline
另一方面,默认情况下,一个元素,如span
a inline
。
元素的width
/ height
,inline-block
例如input
可以更改(示例)。
虽然一个inline
元素,例如,span
默认情况下不能更改,因为它的尺寸是由“其中呈现的内容”定义的。(示例)。
此 [width] 属性不适用于不可替换的内联元素。未替换的内联元素框的内容宽度是其中呈现的内容的宽度(在子元素的任何相对偏移之前)。回想一下,内联框流入行框。线框的宽度由它们的包含块给出,但可能会因浮动的存在而缩短。- W3参考
inline
和之间有区别inline-block
。
你可以改变的height
同时inline-block
你不能改变inline
元素。
所以我认为你改变的东西可能是一个inline-block
元素。
这是给你的小提琴!
默认情况下,它们呈现为内联块。这就是您可以指定宽度的原因。例如,您可以在 chrome 开发工具中看到这一点。