在前端開發中，CSS是必不可少的一部分。其中，兩行文字的CSS樣式是非常常見的。下面我們來看一下如何使用CSS實現兩行文字效果。

.line2 {
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}

首先，在CSS樣式中，我們通過.box設置兩行文字的容器，并將其overflow設置為hidden，防止文字溢出。然后，我們使用-webkit-box和-webkit-box-orient屬性來限制文字只顯示兩行。

通過以上CSS代碼，在HTML頁面中只需要將文字放置在.line2的容器中即可實現兩行文字展示。

<div class="line2">
<p>這里是第一行文字</p>
<p>這里是第二行文字</p>
<p>這里是第三行文字</p>
</div>

如此，我們的兩行文字效果便完成了。