我一直負責轉換的一些佈局利用了以下佈局(請參閱圖像)。我想知道使用CSS的最佳方式是如何渲染圖像列表。我不想將這些物品分成不同的行容器,只是爲了使事情合適。我確定有一種方法可以創建這個列表。CSS需要提示圖庫佈局
我有與合適的邊緣呈現的圖像的最大問題在兩者之間,並且具有與所述佈局容器的邊緣處的遠右圖像排隊(橙色線)
在理想情況下,我想維護的HTML如下所示:
<ul class="gallery-list">
<li class="gallery-list-item">
<img src="..." alt="..." />
</li>
<li class="gallery-list-item">
<img src="..." alt="..." />
</li>
</ul>
感謝您的時間,如果有更好的解決方案,我很樂意關閉它並鏈接到解決方案。
它應該是響應?圖像是否爲固定尺寸?它會一直是每行4張圖片嗎? –
請閱讀[問]。重要短語:「搜索和研究」和「解釋......阻止你自己解決它的任何困難」。 –
@ kodos-johnson是迴應。我想桌面視圖會每行4個,但在較小的窗口中會變成較低的數量。 –