text-align与vertical-align属性的区别

Posted 泳少爷--前端攻城狮

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了text-align与vertical-align属性的区别相关的知识,希望对你有一定的参考价值。

1.text-align属性设置元素在水平方向(x轴)的位置

text-alignleft//文本居左

text-aligncenter//文本居中

text-alignright//文本居右

2.vertical-align属性设置元素的垂直方向(Y轴)对齐方式

vertical-aligntop     //顶部对齐

vertical-alignmiddle  //中部对齐

vertical-alignbottom  //底部对齐

3.行高line-height

 文字在垂直方向居中的主要css属性是line-height,只要设置该标签的line-height的值=该标签的height即可

 

以上是关于text-align与vertical-align属性的区别的主要内容,如果未能解决你的问题,请参考以下文章

vertical-align和text-align的理解

vertical-align和text-align区别

vertical-align和text-align属性实现垂直水平居中

CSS3秘笈复习:第十一章

img标签在div中水平垂直居中--两种实现方式

前端面试题前端布局问题