vertical-align
vertical-align
是 CSS 中的一个常见属性,但是当你第一次学习和使用它的时候,往往会很困惑,所以我觉得有必要深入了解它的用法。最常见的使用方式就像下面这样:img { vertical-align: middle;}
。从这里可以看到,vertical-align
属性被应用到了 img
标签上。img
标签是naturally inline elements,,它们可以嵌入到文本之中,而 vertical-align
属性就是用来控制它们相对于所在行的对齐方式。在我的印象中,开发者使用 vertical-align
最大困惑就是在块级元素上设置该属性不会有任何效果。
![南北](https://static.fequan.com/vueconf/img/default_avatar.png)