文本行居中是網頁設計中常用的樣式之一。通過設置CSS樣式，我們可以使得文本居中對齊，使得整個頁面更加美觀，閱讀體驗也更好。下面介紹一些實現文本行居中的CSS樣式。 一、文本水平居中 要使文本水平居中，可以使用text-align:center;來設置樣式。例如： pre{ text-align:center; } 上述代碼會將pre元素內所有文本水平居中。當然，也可以單獨對某一段文本設置。 p{ text-align:center; } 以上代碼會使得所有p元素內文本水平居中。 二、文本垂直居中 要使文本垂直居中，可以使用vertical-align:middle;來設置樣式。例如： pre{ display:table-cell; vertical-align:middle; } 注意，該屬性必須與display:table-cell;同時使用，通常應用于表格單元格中。當然，也可以使用flexbox布局進行垂直居中： pre{ display:flex; align-items:center; justify-content:center; } 以上代碼會使得pre元素內所有文本垂直居中。同樣，也可以單獨對某一段文本設置。 p{ display:flex; align-items:center; justify-content:center; } 以上代碼會使得所有p元素內的文本垂直居中。 三、文本水平垂直居中 要使文本既水平又垂直居中，可以使用如下代碼： pre{ display:flex; align-items:center; justify-content:center; height:100%; } 以上代碼同時使用了水平居中和垂直居中的樣式，并設置了元素高度為100%。同樣，也可以單獨對某一段文本設置。 p{ display:flex; align-items:center; justify-content:center; height:100%; } 以上代碼會使得所有p元素內的文本水平垂直居中。 總結 通過使用CSS樣式，可以輕松實現文本行的居中。上述代碼只是其中的一部分，更多的樣式還需要根據具體需求進行設置。使用合適的樣式，可以讓網頁更加美觀，提升用戶的閱讀體驗。