好看三级片三级片视频|日韩插逼无码电影|国产91视频91精品成人|久久欠草免費黄色三级带|亚洲日韩在线视频播放|亚洲成片在线看看|国产日韩欧美网址|色在线爱爱观看色五月网址|欧美精品A♂欧美色激情丁香|全免费A级毛片

項目需求，在某個詳情頁中，調用多圖顯示。

但是由于不確定多圖的數量，有可能只有一張，有可能是多張。

默認設計的是圖片占用50%，一行兩張圖片。

但是如果圖片數量比較少，只有一張的時候，也只占用50%的話，則顯示效果不佳。

但是程序PICS又無法通過代碼來判斷數量。

這個時候我們可以通過CSS來控制。

先是HTML代碼：

<div class="picsauto">
    <div class="picsauto-list"><img src="1.jpg" alt=""></div>
</div>

然后是CSS樣式：

.picsauto {
  display: flex; /* 讓子元素橫向排列 */
  flex-wrap: wrap; /* 多個時能換行 */
  margin-right: -5px;
    margin-left: -5px;
}

/* 默認情況：多個的時候 */
.picsauto .picsauto-list {
  flex: 0 0 50%;   /* 占據 50% 寬度 */
  box-sizing: border-box;
      padding-right: 5px;
    padding-left: 5px;
}

/* 只有一個子元素時 */
.picsauto .picsauto-list:only-child {
  flex: 0 0 100%;  /* 占據 100% 寬度 */
  padding-right: 5px;
    padding-left: 5px;
}

這樣就實現了我們想要的效果。