div3个盒子并排
时间: 2023-08-04 22:11:06 浏览: 159
div+css盒子模型标签解析.docx
你可以使用 HTML 和 CSS 来实现将三个盒子并排的效果。以下是一个简单的示例代码:
```html
<div class="container">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
```
```css
.container {
display: flex;
}
.box {
width: 100px;
height: 100px;
background-color: #ccc;
margin-right: 10px;
}
```
在上面的代码中,我们使用了 flex 布局来实现将三个盒子并排。`.container` 元素被设置为 `display: flex`,然后 `.box` 元素被设置为相同的宽度和高度,并使用 `margin-right` 来添加间距。你可以根据实际需求调整盒子的大小和间距。
阅读全文