CSS豎排更換可以通過改變CSS中的行高和列寬來實現(xiàn)。下面是一個簡單的CSS豎排更換示例：

假設(shè)有一個HTML結(jié)構(gòu)如下：

<div class="container">

<h1>這里是標題</h1>

<p>這里是段落內(nèi)容。</p>

</div>

在這個示例中，我們使用了`class="container"`來定義容器元素，并使用`h1`和`p`標簽來定義標題和段落內(nèi)容。

接下來，我們將添加一個新的CSS樣式，用來改變標題和段落內(nèi)容的排列方式。我們將使用`margin-right`和`margin-bottom`屬性來設(shè)置行高和列寬，從而將標題和段落內(nèi)容排列成豎向排放。

.container {

display: flex;

justify-content: space-between;

align-items: center;

margin-right: 20px;

margin-bottom: 20px;

在這個示例中，`margin-right`屬性設(shè)置為20px，表示將右對齊的標題內(nèi)容向右移動20px。`margin-bottom`屬性設(shè)置為20px，表示將下對齊的標題內(nèi)容向下移動20px。通過這兩個屬性的設(shè)置，標題和段落內(nèi)容將會被排列成豎向排放。

這只是一個簡單的示例，實際上，您可以根據(jù)自己的需要來調(diào)整行高和列寬，以達到最佳的效果。例如，您可以使用`margin-right`和`margin-bottom`屬性來設(shè)置更多的行高和列寬，以使標題和段落內(nèi)容更加緊密地排列在一起。

希望這個示例可以幫助您了解CSS豎排更換的基本原理。