vertical-align 和 line-height的区别

简单粗暴的解释：

vertical-align ：对所有行的内容都进行垂直居中 而 line-height 只能垂直居中一行内容

vertical-align只能用于行内元素以及表格元素中，如果设置vertical-align无效的话 解决办法

是将元素变为行内元素或者表格元素

代码示例：


最后的效果：



如果直接使用line-height的话 效果会是：


并不会居中！

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容