可不可以设置两个元素靠中间一行显示?

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

I_am_Iron_Man

2019-05-24 19:34

12-4中给出了三种浮动显示效果,分别是靠左的、靠右的和靠两侧的(靠左右的),那能不能让两个块状元素靠中间一行显示呢?如果可以的话,代码怎么写?

写回答 关注

2回答

  • qq_慕莱坞934403
    2019-05-24 20:40:42

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>浮动模型</title>

    <style>

    div{

    border:2px red solid;

        width:100px;

        height:100px;

        margin:20px auto;

    }


    </style>

    </head>

    <body>

    <div>栏目1</div>


    </body>

    </html>


    I_am_I...

    ???我指的是12-4中的两个块元素的情况,而不是只有一个的情况。我是想知道如果是两个块元素的话,如何设置浮动效果使两个块元素都在一行的中间位置显示?

    2019-05-24 21:15:56

    共 1 条回复 >

  • qq_慕莱坞934403
    2019-05-24 20:16:19

    div{


        width:100px;

        height:100px;

    }

    #d1{float:left;}

    #div2{float:right;}

    #div3{

        border:2px red solid;

        width:100px;

        height:100px;

        float:left;


    这个是错误的,但是浮动的,我也只能想到这样了

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

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

1225297 学习 · 18230 问题

查看课程

相似问题