当前位置：首页 > 编程技术 > 正文

css如何让两个div并排

在CSS中，要使两个`div`元素并排显示，你可以使用`display: inline-block;`或者`display: flex;`（推荐用于现代布局）。以下是如...

在CSS中，要使两个`div`元素并排显示，你可以使用`display: inline-block;`或者`display: flex;`（推荐用于现代布局）。

以下是如何使用这两种方法来实现两个`div`并排的示例：

使用 `display: inline-block;`

```css

.div1, .div2 {

width: 50%; / 设置每个div的宽度 /

height: 100px; / 设置每个div的高度，可根据需要调整 /

border: 1px solid 000; / 可选：添加边框 /

box-sizing: border-box; / 可选：包含边框和内边距在元素的宽度内 /

本文由夕逆IT于2025-02-08发表在夕逆IT，如有疑问，请联系我们。
本文链接：http://www.xinin56.com/bian/511453.html