相关疑难解决方法(0)

text-overflow: ellipsis第二行的CSS ,这可能吗？我在网上找不到它.

例:

我想要的是这样的:

I hope someone could help me. I need 
an ellipsis on the second line of...

但是发生了什么事:

I hope someone could help me. I ... 

如何在这样的文字中显示三个点(...)？

我有一个<div>约束大小,我想在其中放入多行文字,但如果它会溢出,我想在末尾添加一个"...",并在另一个页面上查看整个内容.

这在Javascript/CSS中可行吗？我尝试了一下,但我不确定该寻找什么.

嗯 - 看起来有一个CSS text-overflow: ellipsis;但我不认为我可以在省略号上放置一个链接.

这个答案非常接近,但有些情况下,如果它刚刚开始溢出,那么只有部分省略号出现.

库要求:我可以使用jQuery(有点不情愿),更喜欢无框架依赖的跨浏览器解决方案.

所以我有一个标题和内容固定高度的单元格(如下所示).

当屏幕尺寸变小时,标题会得到text-overflow:ellipsis;.

这是我用于标题和内容的标记:

  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;    

然而,对于内容部分(简单div),内容延伸到容器之外(图中未示出).另外因为内容通常有一个段落,当我应用与上面相同的css标记时,它只是在长行中超出容器而没有break.

我想要实现的是图像中的最后一部分(红色圆圈).

所以,我已经有了外部细胞max-height集.我怎样才能使内容保持在单元格内,max-height并且溢出到下一行并text-overflow: ellipsis;应用而不是长直线？

多谢你们.

在他的演示页面上,PPK说文本溢出:省略号需​​要(除其他外)"盒子有空格:nowrap或类似的方法来约束文本的布局方式."

有谁知道他所指的其他类型的"约束"是什么？我已经尝试了所有其他的白色空间选项,但没有一个能给我我想要的东西.我不相信他所说的"类似的约束方法"只是"任何其他的空白设置",但我还没有想到任何其他的文本布局限制.

我问,因为我想在视觉截断文本之前显示最多两行文本(我使用height:2.5em完成),而white-space:nowrap会阻止文本换行以填充我分配的空间.

我有以下例子.

http://jsfiddle.net/qFDxp/

HTML:

<div class="test">Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero …