html设置多个div并排显示

HTML并排Div布局技巧

原创于 2021-03-11 14:27:37 发布 · 1.8k 阅读

6 ·

CC 4.0 BY-SA版权

Html 专栏收录该内容

262 篇文章

订阅专栏

本文介绍了一种使用HTML和CSS实现多个div元素并排显示的方法。通过设置div的浮动属性为left，并指定宽度百分比，可以轻松实现元素的水平布局。此方法适用于网页设计中需要排列多个相同宽度区块的情况。

html设置多个div并排显示

<body>
    <div id="qipa250_1" style="background-color: blue;float:left;width:25%">a</div>
    <div id="qipa250_2" style="background-color :cyan;float:left;width:25%">b</div>
    <div id="qipa250_3" style="background-color: yellow;float:left;width:25%">c</div>
    <div id="qipa250_4" style="background-color: red;float:left;width:25%">d</div>
</body>