我只想在一行有6个项目，我不想在下一行的其他6个。所以计划是在一行和一个按钮中显示6个项目 see more 或者将用户带到另一个显示所有项目的页面。这是我的密码：
<div class="flex-div">
<c:forEach var="book" items="${bookList}">
<div><img src="Images/book${book.imageId}.png" alt="book"
height="190px" width="150px"/></div>
<div id="book-title">${book.title}</div>
<div id="book-price">${book.price}$</div>
</c:forEach>
</div>和css：
.flex-div{
padding: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;}
我该怎么办？
1条答案
按热度按时间irlmq6kh1#
flexbox本身不会停在某个数字上，这个问题需要用你的另一种语言来解决，好像你用的是我不熟悉的jsp，但是你只需要给flexbox提供6个项目，然后在flexbox之后做和（如果不是）检查你的项目数是否在6以上，然后你显示“show more”除此之外，css不能做这样的逻辑。