等宽两栏怎么设置

日期: 2024-02-03 14:58:27 作者:南派三伸

要设置等宽的两栏布局,可以使用CSS来实现。下面是一种常见的方法:

HTML结构:
```html




```

CSS样式:
```css
.container {
display: flex;
}

.column {
flex: 1;
width: 50%;
}
```

以上的代码将container设置为一个flex容器,然后给两个column子元素设置了相同的flex-grow属性,使它们平均占据容器的空间。同时,通过设置width为50%来实现等宽的效果。

你可以根据需要,自定义container和column的类名,也可以根据实际情况来调整宽度比例。