课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
如何使div中的文字居中
2018-10-06
源自：初识HTML(5)+CSS(3)-升级版 9-1
正在回答
div{text-align:center;} <div>文字内容</div>
这里有技巧，如果单纯是想让文字水平居中只需要设置text-align：center就行，
如果是要在div中让文本水平且垂直居中则需要设置垂直居中，可div不支持Valign这一属性所以需要以下技巧：
div{line-height：20px;
height:20px;
}这样就能让div中的元素垂直居中，配合水平居中以达到在绝对正中央的位置
不过此技巧只适用于文本只有一行，不折行的情况下。
<style type="text/css">
div{
width:700px; /*自己定义*/
margin:0 auto;
}
</style>
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答如何实现div居中
2 回答如何设置文字垂直居中
1 回答怎么让水平居中的div中的文字也水平居中？
3 回答前端三剑客文字如何居中？
4 回答如何居中？
