1

我的印象是内联元素无法调整其高度,但我可以使用<input type="text"/>元素来做到这一点。

我是否正确认为<input type="text"/>元素是内联的?

如果是这样,是什么使它们与<span></span>元素的不同之处在于它们可以或不能调整大小。

4

3 回答 3

6

默认情况下,元素input不是.inline-blockinline

另一方面,默认情况下,一个元素,如spana inline

元素的width/ heightinline-block例如input可以更改(示例)。

虽然一个inline元素,例如,span默认情况下不能更改,因为它的尺寸是由“其中呈现的内容”定义的。(示例)

此 [width] 属性不适用于不可替换的内联元素。未替换的内联元素框的内容宽度是其中呈现的内容的宽度(在子元素的任何相对偏移之前)。回想一下,内联框流入行框。线框的宽度由它们的包含块给出,但可能会因浮动的存在而缩短。- W3参考

于 2013-11-12T03:24:52.457 回答
0

inline和之间有区别inline-block

你可以改变的height同时inline-block你不能改变inline元素。

所以我认为你改变的东西可能是一个inline-block元素。

这是给你的小提琴

于 2013-11-12T03:30:59.480 回答
0

默认情况下,它们呈现为内联块。这就是您可以指定宽度的原因。例如,您可以在 chrome 开发工具中看到这一点。

http://codepen.io/johannesjo/pen/BrcuE

于 2013-11-12T03:25:14.550 回答