【Html】让两个div横向排列

最新推荐文章于 2025-05-26 16:12:05 发布

最新推荐文章于 2025-05-26 16:12:05 发布 · 948 阅读

文章标签：

#HTML

本文介绍了一种简单的方法来实现两个div元素的横向排列。通过更改div的display属性为inline，可以使多个div在同一行显示，这对于网页布局非常有用。

让两个div横向排列

div默认的display属性是block。所以每一个div都是新的一行，现在把display换成inline

<div style="background-color:#ff0000;display:inline;">aaa</div>
<div style="background-color:#ffff00;display:inline;">bbb</div>