html - CSS - 文本溢出不适用于大文本

Question

所以我有这个:http://jsfiddle.net/yw9Dg/

    <style>

.texto {
width:400px;
position:relative;
height:100%;
overflow: hidden !important;
text-overflow: ellipsis !important;
-o-text-overflow: ellipsis !important;
white-space: nowrap !important;
display:block !important;
}
</style>

<div class="texto">
wsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdaswsdasdasdas asda sd as asdasda asdasd asda sdasdasd asdasdasd asd asdas</div>

这是一个大文本，但文本溢出仅适用于第一行，我需要的是让它在文本末尾添加“...”。我在 Google 上找不到任何有助于找到解决此问题的方法，我在那里缺少什么？

Answer 1

来自 MDN关于 text-overflow 的文档:

This property only affects content that is overflowing a block container element in its inline progression direction (not text overflowing at the bottom of a box, for example).

您不能使用 text-overflow 添加省略号底部。它仅适用于内联文本。