高度一致的两个div,简洁代码

108 阅读1分钟

微信截图_20231228143638.png

<div class="flex">
     <div class="item">
       11111
     </div>
     <div class="item">
       <p>2222223333333333344444444444</p>
       <p>222222</p>
       <p>222222</p>
       <p>222222</p>
     </div>
   </div>

style

.flex{
 display: flex;
 gap:10px;
}
.item{
 flex: 1;
 padding:10px;
 background: hsl(254, 55%, 73%);
 color:#fff;
}