温馨提示×

css如何让文字居中

css
养鱼的猫咪
395
2021-03-24 14:41:58
栏目: 编程语言
前端开发者测试专用服务器限时活动,0元免费领,库存有限,领完即止! 点击查看>>

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

css如何让文字居中

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

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

页面布局:

<div id="out">

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

</div>

css样式:

#in {

    width300px;

    height300px;

    background: paleturquoise;

    line-height:300px;

}

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

页面布局:

<div id="out">

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

</div>

css样式:

#in {

     width400px;

     height100px;

     background: pink;

     text-align:center;

}

亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>

推荐阅读:hbuilder如何让文字居中

0