那如何让两个并排居中显示呢?如何编写代码?

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

19921009ab

2016-05-16 09:57

div{

border:2px red solid;

    width:100px;

    height:200px;

float:left;

}



</style>

</head>

<body>

<div id="div1">栏目1</div>

<div id="div2">栏目2</div>


写回答 关注

3回答

  • 慕移动9181930
    2022-03-29 15:03:16
  • 在学习的小枫3358068
    2016-05-16 10:18:46

    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>相对参照元素进行定位</title>

    <style type="text/css">

    div{

        border:2px red solid;

        width:100px;

        height:200px;

        float:left;

        text-align:center;

        line-height:200px;

    }

    span{

        width:208px;

        height:204px;

        display:block;

        margin:0 auto;

    }

    </style>

    </head>

    <body>

        <span>

            <div id="div1">栏目1</div>

            <div id="div2">栏目2</div>

        </span>

    </body>

    </html>

    乐师

    为什么要加个span?

    2016-06-22 11:56:45

    共 2 条回复 >

  • 早起看见一只小鹿
    2016-05-16 10:14:33

    在div{}中添加text-align:center;

    不知道是不是这样

    或者你给他们一个相同的左边距呢

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

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

1225809 学习 · 18234 问题

查看课程

相似问题