我对flex-wrap: wrap
部分中的<ul>
有问题,并且项目垂直对齐。有什么问题?
.c-profile_wishlist
{
line-height: 22px;
}
.c-profile_wishlist-listing
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
<div class="c-profile_wishlist">
<ul class="c-profile_wishlist-listing">
<li class="c-profile_wishlist-list_item">
</li>
<li class="c-profile_wishlist-list_item">
</li>
</ul>
</div>
添加弹性方向:列
.c-profile_wishlist
{
line-height: 22px;
}
.c-profile_wishlist-listing
{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
flex-direction:column;
align-items:center;
}
<div class="c-profile_wishlist">
<ul class="c-profile_wishlist-listing">
<li class="c-profile_wishlist-list_item">
</li>
<li class="c-profile_wishlist-list_item">
</li>
</ul>
</div>