html怎么让两个div并列居中
时间: 2023-06-21 14:24:17 浏览: 162
让两个Div并排显示的多种方法
5星 · 资源好评率100%
可以使用flex布局来实现两个div并列居中。以下是实现方法:
HTML代码:
```html
<div class="container">
<div class="box"></div>
<div class="box"></div>
</div>
```
CSS代码:
```css
.container {
display: flex;
justify-content: center; /* 水平居中 */
align-items: center; /* 垂直居中 */
}
.box {
width: 100px;
height: 100px;
background-color: #ccc;
margin: 0 10px; /* 设置两个div之间的间距 */
}
```
这样,两个div就会并列居中显示了。
阅读全文