在網頁中，我們有時會需要將一段文本按照單列下排的方式顯示，這時就需要借助 CSS 樣式來實現。 首先，在 HTML 中，我們可以使用 p 標簽來定義段落。示例代碼如下：

<p>這是第一段文本。</p>
<p>這是第二段文本。</p>
<p>這是第三段文本。</p>

默認情況下，p 標簽內的文本會自動換行，形成多列顯示，如下圖所示：  如果我們想將文本單列下排，可以在 CSS 中添加相關樣式。比較常見的做法是將段落的寬度設置為一個固定值，然后禁止文本換行。示例代碼如下：

p {
width: 300px;
white-space: nowrap;
}

這里的 width 屬性設置了段落的寬度為 300 像素，即每行最多顯示 300 個字符；而 white-space 屬性指定了文本不換行，讓其單列下排。最終效果如下圖所示：  如果希望段落中的文本超出指定寬度時自動縮小字號，可以再添加 text-overflow 和 overflow 屬性，如下所示：

p {
width: 300px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

這里的 text-overflow 屬性設置了當文本超出指定寬度時使用省略號顯示，而 overflow 屬性指定了溢出內容被隱藏。最終效果如下圖所示：  使用以上樣式，就可以很方便地實現文字單列下排的效果了。