并排放置2个div(对齐)
并排放置两个div可以使用CSS的flexbox布局或者grid布局来实现。以下是两种方法的示例：
- 使用flexbox布局：
<div style="display: flex;">
<div style="width: 50%; background-color: #f1f1f1;">Div 1</div>
<div style="width: 50%; background-color: #e1e1e1;">Div 2</div>
</div>在上面的示例中，外层的div设置了display: flex;，使其成为一个flex容器。两个内层的div都设置了width: 50%;，使它们平分容器的宽度。你可以根据需要调整宽度和背景颜色。
- 使用grid布局：
<div style="display: grid; grid-template-columns: 1fr 1fr;">
<div style="background-color: #f1f1f1;">Div 1</div>
<div style="background-color: #e1e1e1;">Div 2</div>
</div>在上面的示例中，外层的div设置了display: grid;，使其成为一个grid容器。通过grid-template-columns: 1fr 1fr;设置了两列，每列的宽度平分容器的宽度。你可以根据需要调整背景颜色。
以上两种方法都可以实现并排放置两个div并对齐。具体选择哪种方法取决于你的需求和布局的复杂程度。
相关·内容
云服务器
ICP备案
实时音视频
对象存储
云直播
腾讯云开发者
