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

来自text-overflow的{{3}}个文档：

此属性仅影响在其内联行进方向上溢出块容器元素的内容（例如，不会在框底部溢出文本）。

您无法使用text-overflow添加框的省略号底部。它仅适用于内联文本。

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

1 个答案: