CSS3中有一個非常實用的樣式屬性叫做text-overflow，它可以使一個元素內容超出兩行時出現省略號。這個屬性很實用，特別是在設計響應式頁面時，因為它可以確保頁面上的文本不會溢出其他容器。 要實現超出兩行省略號，需要先給元素設置一個固定的寬度，并且必須指定overflow屬性為hidden。然后再加上text-overflow:ellipsis，就可以輕松實現了。下面是一個示例代碼：

p {
width: 300px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

在上面的代碼中，我們給p元素設置一個寬度為300px，這將限制它的寬度，確保文本內容不會溢出父元素。接下來，設置white-space屬性為nowrap，這將防止文本在換行和空格處斷開。然后，將overflow屬性設置為hidden，以便隱藏文本超出元素邊界的部分。最后，設置text-overflow為ellipsis，它將自動在文本超出兩行后添加省略號。 當然，text-overflow屬性不僅僅可以用于省略號，它還支持兩個其他的值：clip和string。clip值將截斷文本超出元素的部分，而string值將允許你指定一個自定義的字符作為省略號。 總之，text-overflow是一個非常實用的屬性，可以使元素的文本內容更加美觀和易于閱讀。如果你正在編寫響應式的Web頁面，那么這個屬性將非常有用。記住，在使用text-overflow屬性時，要合理設置寬度和overflow屬性，以便控制文本的顯示。