CSS列變行是指在頁面中，一段內容被分為多列，當屏幕寬度不足時，這些列會從橫向排列變為縱向排列。通過CSS的屬性和屬性值的配置，可以實現這一效果。

首先，需要使用CSS中的“column-count”屬性來設置列數。該屬性需要指定一個整數值，代表列的數目。例如：

p {
column-count: 3;
}

上述代碼會使頁面中的段落被分成三列。但是，如果頁面寬度不夠，這三列將按順序堆疊在一起，形成一列。

接下來，可以使用“column-width”屬性來設置每一列的寬度。該屬性需要指定一個長度值來表示每一列的寬度。例如：

p {
column-count: 3;
column-width: 200px;
}

上述代碼會將頁面中的段落分成三列，并且每一列的寬度都是200像素。當屏幕尺寸無法容納三列時，它們將變成一列。

另外，還可以使用“column-gap”屬性來設置列與列之間的間隔。該屬性需要指定一個長度值來表示間隔的大小。例如：

p {
column-count: 3;
column-width: 200px;
column-gap: 20px;
}

上述代碼會將頁面中的段落分成三列，每一列的寬度為200像素，且列與列之間的間隔為20像素。當屏幕尺寸無法容納三列時，它們將變成一列。

總之，通過使用“column-count”，“column-width”和“column-gap”屬性，可以實現CSS列變行的效果。這種技術可以在一定程度上優化頁面的布局效果，提高用戶的瀏覽體驗。