HTML内嵌CSS让三个DIV并列在一行中

最新推荐文章于 2025-03-12 16:17:16 发布

原创最新推荐文章于 2025-03-12 16:17:16 发布 · 599 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #前端

本文介绍了如何使用CSS浮动属性实现宽度为30%和40%的两个div元素左右并排，以及如何通过设置width:90%和margin:auto使第三个div元素水平居中。教程链接提供了详细的实例讲解。

DIV内嵌CSS：

<div style="width:98%;margin:auto;">
    <div style="width:30%;height:300px;background-color:rgb(145, 176, 145);float:left;">111</div>
    <div style="width:40%;height:300px;background-color:rgb(118, 118, 221);float:left;">222</div>
    <div style="width:30%;height:300px;background-color:rgb(165, 100, 100);float:right;">333</div>
</div>

DIV居中:style="width:90%;margin:auto;"

111

222

333

CSS方式写法：https://blog.youkuaiyun.com/weixin_32309879/article/details/117859974