Question

我试图每行放置4个项目。我找到了一个例子，但每行只做了2个项目。有人可以给我提示如何更改此项以在每行中放置4项。这是一个例子：

<div class="row" style="flex-wrap: wrap">
    <div class="col col-50">1</div>
    <div class="col col-50">2</div>
    <div class="col col-50">3</div>
    <div class="col col-50">4</div>
    <div class="col col-50">5</div>
    <div class="col col-50">6</div>
    <div class="col col-50">7</div>
    <div class="col col-50">8</div>
</div>

Answer 1

您是否尝试过更改课程？

如果您的课程按预期工作，那么这应该有效：

<div class="row" style="flex-wrap: wrap">
    <div class="col col-25">1</div>
    <div class="col col-25">2</div>
    <div class="col col-25">3</div>
    <div class="col col-25">4</div>
    <div class="col col-25">5</div>
    <div class="col col-25">6</div>
    <div class="col col-25">7</div>
    <div class="col col-25">8</div>
</div>

如何使用ng-repeat将4个项目放在一行中

1 个答案: