我对这个问题快要失去耐心了...
我的问题是：我需要在无序列表中垂直基线对齐的文本，并且只有在一行换行后才进行类似于（text-overflow:ellipsis）的操作。
我得出的结论是这不能仅通过CSS实现，（如果可以，请告诉我！）
如果有帮助，这里有一个演示： http://jsfiddle.net/5NVze/
还有一个我想要实现的图像... http://img535.imageshack.us/img535/2307/exampleps.jpg
单词换行后的文本溢出省略号
4
- Starboy
5
1我也想不到只使用CSS的解决方案。即使您将单元格修复为2行高，不换行的单元格仍会有太多丑陋的空白空间。 - Greg Pettit
1即使您将它们修复为两行高，文本溢出也将不再起作用。它只是被剪切掉而没有省略号。不幸的是，它需要将空白设置为nowrap。 - Nate B
@Nate B，可悲的是，这正是我自己得出的结论。 - Starboy
是的，我尝试了一些不同的情况，使用了固定高度、最大高度等，但都没有起作用。 - Nate B
@Nate B，我搞定了！（使用JavaScript）http://jsfiddle.net/5NVze/5/ - Starboy
1个回答
2
所以解决方案是仅使用CSS是不可能实现的！
这里有一个简单的示例，使用Mootools/CSS http://jsfiddle.net/5NVze/5/
- Starboy
1
这个解决方案有点像是在逃避问题。你并没有将它强制分成两行文本，而是将其强制限制为18个字符的长度——在许多情况下，这会导致不可接受的结果。即使在你自己的场景中，它的表现也不是很好，因为一些框中可以容纳更多的内容... - BrainSlugs83
网页内容由stack overflow 提供, 点击上面的可以查看英文原文，
原文链接
原文链接