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

请使用溢出：隐藏在CSS中  请参阅此示例http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

Answer 4

你必须使用overflow:hidden;祝你好运