我
`inline`和`inline-block`有什么区别?
难度:
我把block
也加入其中,为了获得更好的比较。
block | inline-block | inline | |
---|---|---|---|
大小 | 填充其父容器的宽度。 | 取决于内容。 | 取决于内容。 |
定位 | 从新的一行开始,并且不允许旁边有 HTML 元素(除非是float ) | 与其他内容一起流动,并允许旁边有其他元素。 | 与其他内容一起流动,并允许旁边有其他元素。 |
能否设置width 和height | 能 | 能 | 不能。 设置会被忽略。 |
可以使用vertical-align 对齐 | 不可以 | 可以 | 可以 |
边距(margin)和填充(padding) | 各个方向都存在 | 各个方向都存在 | 只有水平方向存在。垂直方向会被忽略。 尽管border 和padding 在content 周围,但垂直方向上的空间取决于'line-height' |
浮动(float) | - | - | 就像一个block 元素,可以设置垂直边距和填充。 |