温馨提示×

css如何让文字居中

css
养鱼的猫咪
335
2021-03-24 14:41:58
栏目: 编程语言

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

css如何让文字居中

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

}


0