怎么让两个div在同一行

时间:2024-10-12 16:04:35

多种实现方式,根据您的需求选择一种应用到您的业务中去。

工具/原料

电脑不限

windows10

HBuilder3.1

方式

1、情况1:给两个DIV一个设置左浮动,另一个设置右浮动即可

怎么让两个div在同一行

2、情况2:如果2个DIV涉及到宽度,所属于其他DIV中,2个DIV宽度必须小于外部宽度。

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

3、情况3:如果2个DIV外还有其他元素,DIV设置display: inline-block; 即可

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

4、情况4:通过相对定位的方式,强制确定2个DIV的位置。

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