问答详情
源自:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

怎么让边框里面的内容居中。

怎么让边框里面的内容居中。

提问者:HyperBFrozen 2016-09-04 12:47

个回答

  • 慕粉3870429
    2016-09-04 13:45:30

        <div id="box1">box1</div>
        <div id="box2">box2</div>  

    你是指这两个元素要在块级盒内居中吗?

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>边距</title>
    <style type="text/css">
    div{
        width:300px;
        height:300px;
     border:1px solid red;
        text-align:center;/**水平居中在这里**/
     line-height:300px;/**垂直居中在这里,水平居中比较容易,垂直居中还有一个办法就是把div都加上table也可以,具体操作可以看15-8**/
    }

    </style>
    </head>
    <body>
        <div id="box1">box1</div>
        <div id="box2">box2</div>  
    </body>
    </html>


  • 慕粉1470012744
    2016-09-04 13:03:51

    同问。