Skip to content
登录后刷题更便捷

`inline`和`inline-block`有什么区别?

难度:

我把block也加入其中,为了获得更好的比较。

blockinline-blockinline
大小填充其父容器的宽度。取决于内容。取决于内容。
定位从新的一行开始,并且不允许旁边有 HTML 元素(除非是float与其他内容一起流动,并允许旁边有其他元素。与其他内容一起流动,并允许旁边有其他元素。
能否设置widthheight不能。 设置会被忽略。
可以使用vertical-align对齐不可以可以可以
边距(margin)和填充(padding)各个方向都存在各个方向都存在只有水平方向存在。垂直方向会被忽略。 尽管borderpaddingcontent周围,但垂直方向上的空间取决于'line-height'
浮动(float)--就像一个block元素,可以设置垂直边距和填充。

内容仅供参考,难免有不恰当的地方,如果有问题欢迎及时反馈
部分内容来自网络,如果不慎侵犯您的权益,请联系我们,以便及时删除侵权内容