css – 调整未知数量的元素以填充父容器的宽度

前端之家收集整理的这篇文章主要介绍了css – 调整未知数量的元素以填充父容器的宽度前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要将一个未知数量的div(可能是大约5的限制)放入父容器中,并始终确保它们保持平分.我不确定这是否可以单独使用CSS,但我想我最好问一下.因此,如果我们知道使用了3个div:
<style>
  .menu-button { 
    float: left;
    width: 33%;
  }
</style>
<div>
   <div class="menu-button">Button X</div>
   <div class="menu-button">Button Y</div>
   <div class="menu-button">Button Z</div>
</div>

似乎工作,但如果.menu-button div的数量未知,该怎么办?有更好的方法可以自动调整吗?

解决方法

不幸的是,我认为你必须使用表来做到这一点.当< td>重新调整它的大小以适应整个宽度.

HTH

原文链接:https://www.f2er.com/css/217927.html

猜你在找的CSS相关文章