css如何让文字居中 css如何让文字居中对齐

文章摘要：css如何让文字居中 css如何让文字居中对齐

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

在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;

}