Javascript 如何在所有浏览器中使用CSS的多行省略号

Javascript 如何在所有浏览器中使用CSS的多行省略号,javascript,html,css,Javascript,Html,Css,这对单行很好,但我想对多行 div{ 显示:块; 高度:54px; 保证金:0自动; 最大宽度:400px; 溢出:隐藏; 文本溢出:省略号; 空白:nowrap; 宽度:300px; } 目前没有添加任何问题 目前没有添加任何问题 目前没有添加任何问题 您需要添加如下跨距 <div> <span>There are no questions currently added</span> <span>There are no q

这对单行很好,但我想对多行

div{
显示:块;
高度:54px;
保证金:0自动;
最大宽度:400px;
溢出:隐藏;
文本溢出:省略号;
空白:nowrap;
宽度:300px;
}

目前没有添加任何问题
目前没有添加任何问题
目前没有添加任何问题

您需要添加如下跨距

<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>  

目前没有添加任何问题
目前没有添加任何问题
目前没有添加任何问题

遗憾的是,单靠css是做不到的。这是不可能的。您可以添加一些HTML标记,如@ozil建议,或者您需要编写自己的JS解决方案。可能会有一些插件,但一个简单的解决方案是,在x字符后去掉sting并添加三个点。

什么是多行?我想你应该使用jquery。也许这对你有帮助@AlexFilatov,我认为这只适用于Webkit。