CSS自動換行是網頁設計中的一個重要內容。它可以實現文字在容器中自動換行，讓網頁更加美觀。但是，在某些情況下，我們還需要控制文字的顯示效果，特別是當文字過多時，一行顯示不下，第二行超出容器邊界時，我們不希望第二行文字繼續顯示，而是隱藏起來。下面我們將演示如何使用CSS實現將第二行超出容器的文字隱藏。

overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

以上就是CSS設置文字自動換行后，隱藏第二行超出容器邊界的代碼。其中，overflow: hidden是指超出容器的部分隱藏起來，text-overflow: ellipsis用來在第二行顯示省略號，使其更美觀，而white-space: nowrap則是防止文字自動換行。

我們可以在相應的CSS樣式表中加入以上代碼，然后對網頁中需要使用該樣式的具體容器進行設置。例如，要讓一段文字隱藏第二行超出容器邊界，可以這樣設置：

<div class="content">
<p>這是一段很長的文字，可能一行顯示不完，所以我們需要用CSS來實現自動換行，并控制第二行超出容器的文字隱藏。</p>
</div>
.content {
width: 200px;
height: 50px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}

具體上述代碼中，我們給該容器設置了寬度和高度，然后加入了前面提到的那三行代碼，使第二行超出容器的部分被隱藏并用省略號替代。這樣，該段文字就可以實現自動換行，并將第二行超出容器的文字隱藏起來。

除此之外，CSS還有很多其他的設置，可以實現更加豐富和多樣的文字顯示效果。在實際運用中，我們可以根據具體需求，靈活設置相應的CSS樣式，讓網頁更加美觀和實用。