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

来源:13-4 起飞咯 - 浮动模型

慕哥0503841

2019-06-25 12:05

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

写回答 关注

2回答

  • 又是爱学习的一天
    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;}


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

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

1225297 学习 · 18230 问题

查看课程

相似问题