如何用 CSS 讓類橫向排列 在網站設計中，常常需要讓類橫向排列展示，如導航欄，圖片框等等。下面我們將介紹如何使用 CSS 實現類橫向排列。 1. 使用 float 屬性 通過 float 屬性，將類浮動到左或右邊，實現橫向排列。需要注意的是，使用 float 屬性時，需要指定類的寬度，并給父元素設置 overflow: auto; 來清除浮動，避免出現高度坍塌的問題。 示例代碼如下： `````` 2. 使用 display: inline-block 屬性 通過將類的 display 屬性設置為 inline-block，可以將類水平排列展示。需要注意的是，inline-block 元素之間會存在間隙，可以通過設置父元素的 font-size: 0; 和子元素的 font-size: 16px; 來解決這個問題。 示例代碼如下： `````` 以上就是兩種實現類橫向排列的方法，根據不同的需求可以選擇相應的方法來使用。