首页 > 代码库 > text-align与vertical-align属性的区别

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属性的区别