当"li"的数量是动态的时,如何使任何"ul"下的所有"li"始终使用css相等,li的数量可以是4,5,7或11

  • 本文关键字:li 相等 css 何使任 动态 ul css
  • 更新时间 :
  • 英文 :

  • 1
  • 2
  • 3
  • 4
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

我不想为每个条件分别使用不同的宽度

<ul>
<li class="flex items-center gap-2">
<div class="number">{numberVariable}</div>
<div class="text">{TextVariable}</div>
</li>
</ul>

默认的ul行为,我认为我们不能实现这一点,但通过这种方式我们可以实现我们的结果。我也试图弄清楚这个问题,但默认情况下,我没能做到

`.flex{
display: flex;
}
.items-center{
align-items: center;
}`

最新更新