DIV 容器默认就是单独一行显示。所以当我们使用多个DIV 并排显示时,则需要对它的样式设置。
默认情况
1、默认情况下,一个div 单独占一行
浮动
1、将两个div 设置浮动,则两个div 会在一行显示
修改div 显示类型
1、div 的display属性默认为block(块级元素),将display设置为 inline-block( 行内块元素)则可将div 同行显示。
弹性布局
1、可通过设置父节点display为 flex 使用弹性布局。子节点通过flex 划分父节点区域。
DIV 容器默认就是单独一行显示。所以当我们使用多个DIV 并排显示时,则需要对它的样式设置。
默认情况
1、默认情况下,一个div 单独占一行
浮动
1、将两个div 设置浮动,则两个div 会在一行显示
修改div 显示类型
1、div 的display属性默认为block(块级元素),将display设置为 inline-block( 行内块元素)则可将div 同行显示。
弹性布局
1、可通过设置父节点display为 flex 使用弹性布局。子节点通过flex 划分父节点区域。