首页 > 新品看点 > 正文

css两个盒子水平居中并列

新品看点 时间:2024-11-07 18:01:12

CSS中2盒子水平居中并列

首先需要设置父盒子的display属性为flex:

.parent{ display: flex;

接着,需要设置两个子盒子的flex属性为1,这样它们就会平分父盒子的宽度:

最后,使用text-align属性将两个子盒子的文本水平居中对齐即可:

郑重声明:图文由自媒体作者发布,我们尊重原作版权,但因数量庞大无法逐一核实,图片与文字所有方如有疑问可与我们联系,核实后我们将予以删除。