css 两个div放到同一行

CSS样式表中的display属性可以控制元素在网页中的显示方式，其中display:inline-block属性可以把两个div元素放在同一行中。

    div class="box">
    box1/div>
        div class="box">
    box2/div>

上述代码中，两个div元素的class属性均设置为“box”，接下来在CSS中添加如下样式：

    .box{
            display:inline-block;
            width: 50%;
    }
    

添加上述CSS样式以后，两个div元素就可以在同一行中显示了，它们的宽度分别为父级元素宽度的50%。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！