在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;
}
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
推荐阅读:hbuilder如何让文字居中