如何使div中的文字居中

来源:9-1 继承者 - 样式的继承

慕侠8457695

2018-10-06 15:36

如何使div中的文字居中

写回答 关注

3回答

  • 唯爱LOVE
    2018-10-06 15:40:35
    已采纳
    div{text-align:center;}
    
    
    
    <div>文字内容</div>


  • 程序猿_昊天
    2018-10-23 16:54:29

    这里有技巧,如果单纯是想让文字水平居中只需要设置text-align:center就行,

    如果是要在div中让文本水平且垂直居中则需要设置垂直居中,可div不支持Valign这一属性所以需要以下技巧:

    div{line-height:20px;

    height:20px;

    }这样就能让div中的元素垂直居中,配合水平居中以达到在绝对正中央的位置

    不过此技巧只适用于文本只有一行,不折行的情况下。

  • 慕娘1987378
    2018-10-07 09:31:39

    <style type="text/css">

    div{

        width:700px;  /*自己定义*/

        margin:0 auto;

          }

    </style>


初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225809 学习 · 18234 问题

查看课程

相似问题