怎么让两个div在同一行

时间:2024-10-14 11:49:37

DIV 容器默认就是单独一行显示。所以当我们使用多个DIV 并排显示时,则需要对它的样式设置。

默认情况

1、默认情况下,一个div 单独占一行

怎么让两个div在同一行
怎么让两个div在同一行

浮动

1、将两个div 设置浮动,则两个div 会在一行显示

怎么让两个div在同一行
怎么让两个div在同一行

修改div 显示类型

1、div 的display属性默认为block(块级元素),将display设置为 inline-block( 行内块元素)则可将div 同行显示。

怎么让两个div在同一行
怎么让两个div在同一行

弹性布局

1、可通过设置父节点display为 flex 使用弹性布局。子节点通过flex 划分父节点区域。

怎么让两个div在同一行
怎么让两个div在同一行
© 手抄报圈