用CSS將網頁清單分成欄位
問題:
增強🎜>問題:
增強可讀性網頁上的垂直列表,將其拆分為多個columns。
解決方案:
建議的CSS解決方案利用column-count屬性。此屬性可以將清單劃分為具有可調整間距的指定列。
此程式碼將在清單中建立四列,它們之間有 20 像素的間隙。
相容性:
瀏覽器對列計數的支援很普遍,不包括Internet Explorer 版本9 和
替代方案:
對於Internet Explorer 支持,可以採用基於JavaScript 的解決方案,例如Columnizer for jQuery。
後備Internet Explorer:
利用CSS後備,例如浮動:向左,在 Internet Explorer 的欄位中水平顯示清單項目。
注意:
CSS 回退將保持類似的視覺佈局,但可能會破壞列表項目的順序。以上是如何使用 CSS 將長網頁清單分成多列?的詳細內容。更多資訊請關注PHP中文網其他相關文章!