文本行距在 CSS 中也被稱為行高，是指一行文本的高度，包括文本自身的高度和上下行間距的總和。調(diào)整行距可以增加文本的可讀性和美觀度。本文將介紹幾種調(diào)整文本行距的方法。 1. 使用 line-height 屬性 CSS 中的 line-height 屬性用于設(shè)置文本行距，可以通過指定一個(gè)數(shù)值來調(diào)整行距的大小。例如，設(shè)置 line-height: 1.5; 會(huì)將行距增加到文本本身高度的 1.5 倍。如果需要讓行距更緊湊，可以將 line-height 設(shè)置為一個(gè)較小的值，如 line-height: 1.2;。下面是一個(gè)示例代碼以及效果演示： pre { /* 通過設(shè)置 line-height 調(diào)整行距 */ line-height: 1.5; } 2. 使用 margin 和 padding 屬性 除了使用 line-height 屬性，還可以通過 margin 和 padding 屬性來調(diào)整文本的行距。這種方法需要對每個(gè)段落分別設(shè)置 margin 和 padding 的值。例如，設(shè)置 margin-bottom: 10px; 可以在段落之間增加一定的垂直間距。下面是一個(gè)示例代碼以及效果演示： p { /* 通過設(shè)置 margin 調(diào)整行距 */ margin-top: 10px; margin-bottom: 10px; } 3. 使用 line-clamp 屬性 line-clamp 是 CSS 中針對文本行數(shù)的屬性，可以設(shè)置文本在一定行數(shù)內(nèi)顯示，并自動(dòng)省略超出部分。使用 line-clamp 屬性可以使文本更加緊湊，并且適用于需要控制文本區(qū)域高度的場景。下面是一個(gè)示例代碼以及效果演示： .pre { /* 設(shè)置文本在三行內(nèi)顯示，并省略超出部分 */ display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } 總結(jié) 以上介紹了幾種調(diào)整文本行距的方法，包括使用 line-height、margin 和 padding 屬性，以及 line-clamp 屬性。需要根據(jù)具體需求選擇合適的方法進(jìn)行調(diào)整。在實(shí)際項(xiàng)目中，通常會(huì)結(jié)合不同的方法來調(diào)整文本行距，以達(dá)到最佳效果。