问答详情
源自:13-4 起飞咯 - 浮动模型

两个块状元素并排居中显示的代码?

两个块状元素并排居中显示的代码?

提问者:慕哥0503841 2019-06-25 12:05

个回答

  • 又是爱学习的一天
    2019-09-24 14:46:47

    <!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:150px;

        margin:auto;

    }

    .div .div1{

    border:2px red solid;

        width:100px;

        height:100px;

        float:left;

    }

    </style>

    </head>

    <body>

        <div class="div">

            <div class="div1"></div>

            <div class="div1"></div>

        </div>

    </body>

    </html>


  • zero_727
    2019-06-25 14:32:13

    你说的是垂直居中吧,两个元素都加上这个

    {display:inline-block;

    vertical-align:middle;}