css怎么让文字居中

css怎样让文字居中

在css中实现文字居中的方法：1.使用line-height属性设置文字居中；2.使用text-align属性设置文字居中；

在css中实现文字居中的方法

1.使用line-height属性实现文字居中

页面布局：

<div id="out">
     <div id="in">文字</div>
</div>

css样式：

#in {
    width: 300px;
    height: 300px;
    background: paleturquoise;
    line-height:300px;
}

2.使用text-align属性实现文字居中

页面布局：

<div id="out">
     <div id="in">文字</div>
</div>

css样式：

#in {
     width: 400px;
     height: 100px;
     background: pink;
     text-align:center;
}