如何实现div中的⽂字垂直⽔平居中
⽂字居中
⽂字⽔平垂直居中可以使⽤:
//⽅法⼀
//设置line-height的值和为div的height值,实现垂直居中,使⽤text-align实现⽔平居中
.a{
height: 50px;
line-height: 50px;
text-align: center;
}
//⽅法⼆
/
/设置div为弹性布局,设置主轴和交叉轴的值为center
html怎么让所有内容居中//也可以设置其他的值让⽂字出现在想放的地⽅
.a{
display: flex; //设置div为弹性布局
justify-content: center;
align-items:center;
}
注意:
⽅法⼀只能⽤于⽂字居中,不能⽤于div ,div只能使⽤flex布局.
如果是写移动端的UI,有些安卓⼿机当字体⼩于12px的时候,使⽤line-height是⽆法居中的,只能使⽤flex进⾏居中flex永远的神
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论