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