问答详情
源自：12-12 宰相肚里能撑船 - 使用padding为盒子设置内边距（填充）

盒子位置问题

怎么让盒子2个字位于这个正方形框的中间。

提问者：慕粉3344523 2016-07-06 19:19

个回答

  • 巾小尹
    2016-07-06 19:36:59
    已采纳

    用text-align:center

    和line-height 来居中

    0
  • 慕粉3344523
    2016-07-06 20:13:34

    #box1{

        text-align: center;

        width:100px;

        height:100px;

       line-height:100px;

        border:1px solid red;

    }

     是正确的

    0
  • qq_絮柳冽_03603008
    2016-07-06 19:56:11

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>填充</title>

    <style type="text/css">

    #box1{

        text-align: center;

        width:100px;

        height:100px;

        padding:10px;

        border:1px solid red;

    }

    </style>

    </head>

    <body>

    <div id="box1">

        <pre> </pre>盒子1

    </div>

    </body>

    </html>


    0
  • 顺天投资3202236
    2016-07-06 19:36:36

    box{padding:1px  1px 1px  40px;}

    0
  • 慕粉18530206907
    2016-07-06 19:36:01

    设置为会计元素，text-align=“center”

    0