HTML / CSS div樣式溢出

Question

我有一個高度為0的div，但文本不是截止值，只有div框。 例：

<div style="width:200px;height:10px;background-color:red;">
Text
</div>

我希望它能截斷文本，使其不會溢出div。

看起來是這樣的：

這就是我想要的樣子：

Answer 1

將此添加到主div

overflow:hidden;

Answer 2

您需要使用overflow:hidden;

這是一個示例： http : //jsfiddle.net/v4ykN/

這是對overflow屬性的一個很好的概述： http : //css-tricks.com/the-css-overflow-property/有一些需要記住的好信息：

請記住，以這種方式隱藏的內容是完全不可訪問的（缺少查看源代碼）。 因此，例如，某個用戶的默認字體大小設置得比您預期的大，您可能會將文本推到框外並將其完全隱藏在他們的視圖之外。

Answer 3

請使用Overflow：隱藏在CSS中。請參考以下示例http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

Answer 4

您必須使用overflow:hidden; 祝你好運