Question

这对单行来说很好，但我想要它用于多行。

＆＃13;

div {
    display: block;
    height: 54px;
    margin: 0 auto;
    max-width: 400px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}

＆＃13;

<div>
    There are no questions currently added
    There are no questions currently added
    There are no questions currently added
</div>

＆＃13;

Answer 1

你需要添加如下所示的跨度

<div>
    <span>There are no questions currently added</span>
    <span>There are no questions currently added</span>
    <span>There are no questions currently added</span>
</div>

DEMO

Answer 2

可悲的是，你无法单独使用css。这是不可能的。你可以添加一些HTML标签，比如@ozil建议，或者你需要编写自己的JS解决方案。可能有一些插件，但一个简单的解决方案是，在x字符之后切断刺并添加三个点。

如何使用CSS为所有浏览器

2 个答案: