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; 祝你好运