怎么让两个div在同一行
时间: 2024-05-08 20:16:11 浏览: 96
JS控制div跳转到指定的位置的几种解决方案总结
可以使用CSS中的display属性和float属性实现两个div在同一行。
1. 使用display属性
将两个div的display属性设置为inline-block或inline,这样它们就可以在同一行内排列。
```css
.div1, .div2 {
display: inline-block; /* 或者 display: inline; */
}
```
2. 使用float属性
将第一个div的float属性设置为left,第二个div的float属性设置为right,它们就可以在同一行内排列,且两个div之间有一定的间隔。
```css
.div1 {
float: left;
}
.div2 {
float: right;
}
```
阅读全文