html怎样把两个盒子放在页面一行
时间: 2023-08-09 12:05:20 浏览: 397
你可以使用CSS中的display属性将两个盒子设置为行内元素,从而使它们在同一行显示。具体做法如下:
1. 在HTML中创建两个盒子,可以使用div元素,分别设置它们的class或id属性,例如:
```
<div class="box1"></div>
<div class="box2"></div>
```
2. 在CSS中设置这两个盒子的样式,并将它们设置为行内元素,例如:
```
.box1, .box2 {
display: inline-block;
width: 50%; /* 设置宽度,根据实际情况调整 */
}
```
3. 如果这两个盒子的宽度加起来超过了父元素的宽度,可以使用CSS中的float属性将它们浮动到同一行,例如:
```
.box1, .box2 {
float: left;
width: 50%;
}
```
这样两个盒子就可以放在页面的同一行了。
阅读全文