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