问答详情
源自：13-6 万事无绝对 -层模型之绝对定位

div居中

怎么让div中的div居中

提问者：披萨书立外卖 2017-11-02 17:17

个回答

  • qq_奥特曼打小怪兽_4
    2017-11-02 17:29:40
    已采纳

    到div里面创建一个类名 然后写一个<style> 到里面 .类名｛ text-align:center;｝ 就行了

    0
  • 书生无用
    2017-12-10 15:38:31


    <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title>div包含div居中</title>

    <style type="text/css">

    .div1{

        width:200px;

        height:200px;

    border:1px red solid;

    }

    .div2{

        border:2px dashed red;

        width:50px;

        height:20px;

        margin-top:91px;<!--(200-20+2)/2-->

        margin-bottom:91px;

        margin-left:73px;<!--(200-50+2)/2-->

    }

    </style>

    </head>

    <body>

    <div class="div1"><div class="div2">居中</div></div>

    </body>

    </html>


    1
  • 书生无用
    2017-12-10 15:24:50

    text-align 只是文字居中，层主问的是div中的div居中，你们试验过没有就乱说

    0
  • 3117000422廖道洋
    2017-11-02 17:32:08

    类名{text-align:center}

    0
  • 慕码人7154274
    2017-11-02 17:31:11

    div div{text-align:center;}

    0