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