html中style怎么写居中,css怎么设置字体单⾏居中？css中实现字体居中可以使⽤text-align属性，实现垂直居中，可以设置line-height属性！
css怎么设置字体单⾏居中？
1、⾸先为了便于观察，先创建⼀个div
.app{
width: 200px;
height: 100px;
border: 1px solid skyblue;
}
2、然后在div⾥写上⼀个p标签，并设置它text-align: center；属性实现单⾏居中。(相关课程推荐：css视频教程)
.app{
width: 200px;
height: 100px;
border: 1px solid skyblue;
}
.app > p{
text-align: center;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
Hello World！
3、若是span之类的⾏内元素，可以给它的⽗级元素添加text-align: center；属性.app{
width: 200px;
height: 100px;
text-align: center;
border: 1px solid skyblue;
}
Hello World！
4、单⾏⽂本实现垂直居中，设置line-height和⽗级元素的⾼度相同即可。
.app{
width: 200px;
height: 100px;
text-align: center;
border: 1px solid skyblue;
}
text align center
.app > span{
line-height: 100px;
}
Hello World！
本⽂来⾃css3答疑栏⽬，欢迎学习！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。