等宽两栏怎么设置

1个回答

写回答

阿kkkkk

2022-06-10 23:56

+ 关注

CSS

可以使用CSS的fleXbox布局，将页面分成两栏，然后给每一栏设置一个固定的宽度，使它们等宽。以下是一个示例代码：

HTML:

html


Xbox

左栏

右栏

CSS:

CSS

.contAIner{

display:flex;

}

.left-column,.right-column{

width:50%;

}

通过设置.contAIner为flex布局，将左右两栏变成flex子元素，再将每一栏的宽度设置为50%来实现等宽两栏的效果。