我有一个高度为 0 的 div,但文本没有被截断,只有 div 框。例子:
<div style="width:200px;height:10px;background-color:red;">
Text
</div>
我希望它切断文本以免溢出 div。
这是它的样子:
这就是我希望它看起来的样子:
将此添加到主 div
overflow:hidden;
你需要使用overflow:hidden;
这是一个例子:http: //jsfiddle.net/v4ykN/
overflow
这是对该属性的一个很好的概述: http ://css-tricks.com/the-css-overflow-property/有一些很好的信息要记住:
请记住,以这种方式隐藏的内容是完全无法访问的(无法查看源代码)。因此,例如,用户将其默认字体大小设置为大于您的预期,您可能会将文本推送到框外并将其完全隐藏在他们的视图中。
请使用溢出:隐藏在 css 参考这个例子http://www.w3schools.com/cssref/tryit.asp?filename=trycss_overflow
你必须overflow:hidden;
对你正在做的事情使用祝你好运