CSS的瀑布流是一種優美的設計,但在某些情況下,您可能需要關閉它。
.waterfall{ column-count: 3; column-gap: 20px; /*其他樣式*/ }
要關閉CSS的瀑布流,我們只需將列數設置為1,如下所示:
.waterfall{ column-count: 1; column-gap: 0; /*其他樣式*/ }
這將使您的元素垂直排列,而不是水平排列。如果您希望它們水平排列,只需刪除“column-gap”屬性。
現在您已經知道如何關閉CSS的瀑布流,您可以根據自己的需要靈活調整它。