css怎麼把文字居中對齊？下面本篇文章就來給大家介紹一下使用CSS設定文字居中對齊的方法，希望對大家有所幫助。
在CSS中設定文字居中對齊的方法：使用text-align屬性來使文字水準居中
使用line-height屬性來使文字垂直居中
1、使用text-align屬性來使文字水準居中
text-align屬性規定元素中的文本的水準對齊方式，通過使用center值設定文本居中。
css 水準居中
.box {
width: 400px;
height: 100px;
background: pink;
text-align:center;
}
css 水準居中了--文本文字
效果圖：
2、使用line-height屬性來使單行文字垂直居中
css 垂直居中
.box {
width: 300px;
height: 300px;
background: paleturquoise;
line-height:300px;
}
css 垂直居中了--文本文字
效果圖：
line-height 屬性設定行間的距離(行高)。不允許使用負值。
該屬性會影響行框的布局。在應用到一個塊級元素時，它定義了該元素中基線之間的最小距離而不是最大距離。