Fatal编程技术网
  • css/
  • Css 如何对齐到循环中下一行的最高列？

Css 如何对齐到循环中下一行的最高列？

css

Css 如何对齐到循环中下一行的最高列？,css,Css,如何与循环下一行中的最高列对齐？我希望它看起来像第一张图片，而不是第二张。div在循环中渲染： <div class="container"> <div class="row"> <? foreach($a as $b): ?> <div class="col-xs-12 col-sm-6 col-md-4"" > $b->foo &l

如何与循环下一行中的最高列对齐？我希望它看起来像第一张图片，而不是第二张。div在循环中渲染：

  <div class="container">
    <div class="row">
        <? foreach($a as $b): ?>
            <div class="col-xs-12 col-sm-6 col-md-4"" >
                $b->foo
            </div>
        <? endforeach ?>
    </div>
</div>



这是浮动的副作用，您需要
清除每个第x个元素上的浮动，sm和md断点的“x”不同


第n个子项的
selector有助于实现这一点。为了不必基于任何特定的col xy foo类来选择列，我只需使用这里的子选择器，
。行>：n子（…）
，如果需要，行本身通过附加的类或id进行更唯一的选择。
这是浮动的副作用，您需要清除每个第x个元素上的浮动（sm和md断点的x不同。）请显示您使用的css，并使用呈现的HTMLOOK创建一个，以使用flex定位这些元素。将display:flex放在行上将确保同一级别的子级与该行中最大的子级的高度相同。@04FS当您根据您的注释创建答案时，我将批准您的答案