0

我有一个高度为 0 的 div,但文本没有被截断,只有 div 框。例子:

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

我希望它切断文本以免溢出 div。

这是它的样子:

*图像1*

这就是我希望它看起来的样子:

图2

4

4 回答 4

1

将此添加到主 div

overflow:hidden;
于 2012-07-24T01:47:41.560 回答
1

你需要使用overflow:hidden;

这是一个例子:http: //jsfiddle.net/v4ykN/

overflow这是对该属性的一个很好的概述: http ://css-tricks.com/the-css-overflow-property/有一些很好的信息要记住:

请记住,以这种方式隐藏的内容是完全无法访问的(无法查看源代码)。因此,例如,用户将其默认字体大小设置为大于您的预期,您可能会将文本推送到框外并将其完全隐藏在他们的视图中。

于 2012-07-24T01:48:28.887 回答
1

请使用溢出:隐藏在 css 参考这个例子http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow

于 2012-07-24T09:39:51.123 回答
0

你必须overflow:hidden;对你正在做的事情使用祝你好运

于 2013-02-11T22:34:43.297 回答