CSS 一列變成多列，是指將一個長列的元素分割成多列顯示。這在網頁設計中經常用到，可以提高頁面的可讀性和美觀度。下面我們介紹兩種方法實現這個功能。 第一種方法是使用 CSS3 的多列布局。這個方法非常簡單，只需要在要分列的元素中添加如下 CSS 代碼即可： pre{ -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } 上面的代碼指定將該元素分成兩列。實際上，除了 “column-count” 屬性以外，還可以使用其他屬性來控制多列布局。如 “column-width” 指定每列的寬度，“column-gap” 指定列之間的間距等。這些屬性可以根據實際需要進行調整，從而實現最佳的布局效果。 第二種方法是使用 CSS2 的浮動布局。這個方法相對復雜一些，需要將要分列的元素設置為浮動，并對容器指定固定的寬度。具體實現方法如下：

左側列
右側列

上面的代碼將一個容器分割成兩列，分別位于容器的左右兩側。需要注意的是，為了實現這個效果，必須將要分列的元素設置為浮動，并且為每一列都指定固定的寬度。 綜上所述，CSS 一列變成多列有兩種方法可以使用：一種是使用 CSS3 的多列布局，另一種是使用 CSS2 的浮動布局。具體選擇哪個方法，可以根據實際需要和瀏覽器兼容性進行選擇。