关于行内元素 20181229
补充
文本元素
inline
以及inline-block
都叫做文本元素,都具有文本的特点,也就是其中的空白符会被替换成为文本分隔符,图片中的四个像素的间隔(Whitespace-only text node)也就是因为它了啊
莫名地像inline-block
一样
使用了position: absolute
和float: left/right
这个两个属性的元素,会被浏览器像是inline-block
一样呈现,虽然在浏览器的开发者工具里面看到的不一定是display: inline-block
,但是他的呈现方式确实是被改变了
行外块
一旦一个行级块元素中包含文字,同行的文字就会和他里面的文字底对齐
vertical-align
设置垂直对齐方式
上下padding
夹文字也可以文字居中
图片随父容器变化