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

来源:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

HyperBFrozen

2016-09-04 12:47

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

写回答 关注

2回答

  • 慕粉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

    同问。

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

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

1225808 学习 · 18234 问题

查看课程

相似问题