在CSS中，我們可以使用text-overflow和overflow屬性來控制多行文本的行數及顯示。以下是一個示例的HTML和CSS代碼：

<div class="container">
<p class="text">這是一段超長的文字，需要控制其行數.</p>
</div>
.container {
width: 200px; /* 包含文本的寬度 */
overflow: hidden; /* 溢出部分隱藏 */
}
.text {
line-height: 20px; /* 行高 */
height: 40px; /* 控制最多的行數 */
display: -webkit-box; /* 舊版本的chrome和safari */
-webkit-line-clamp: 2; /* 行數 */
-webkit-box-orient: vertical; /* 垂直排列 */
text-overflow: ellipsis; /* 超過顯示省略號 */
}

以上代碼中，我們使用了height屬性來控制最多的行數。同時，使用display屬性值為-webkit-box來開啟CSS Flexible Box Layout，并用-webkit-line-clamp屬性來定義要顯示的行數。當然，為了兼容性，我們還需要添加-webkit-box-orient和text-overflow屬性。

這樣，我們就可以輕松地控制多行文本的顯示行數，使其更具美感和易讀性。