关于行内元素 20181229

补充

文本元素

inline以及inline-block都叫做文本元素,都具有文本的特点,也就是其中的空白符会被替换成为文本分隔符,图片中的四个像素的间隔(Whitespace-only text node)也就是因为它了啊

莫名地像inline-block一样

使用了position: absolutefloat: left/right这个两个属性的元素,会被浏览器像是inline-block一样呈现,虽然在浏览器的开发者工具里面看到的不一定是display: inline-block,但是他的呈现方式确实是被改变了

行外块

一旦一个行级块元素中包含文字,同行的文字就会和他里面的文字底对齐

vertical-align设置垂直对齐方式

上下padding夹文字也可以文字居中

图片随父容器变化

posted @ 2018-12-29 20:29  秦晓  阅读(147)  评论(0编辑  收藏  举报