2

我正在text-overflow: ellipsisdiv 中截断一些极长的文本值。基本上是为了避免因增加 div 的宽度而溢出,因为 URL 中没有空格。我需要做的是显示以下内容:

http://www.somewebsite.org/over-the-counter/drugs/medone.html
http://www.somewebsite.org/over-the-counter/drugs/medtwo.html
http://www.somewebsite.org/over-the-counter/drugs/medthree.html

作为:

...he-counter/drugs/medone.html
...he-counter/drugs/medtwo.html
...-counter/drugs/medthree.html

这在 HTML/CSS 中完全可行吗?还是 jQuery/PHP 是我唯一的解决方案?

顺便说一句,鼠标悬停时,完整的字符串显示为工具提示。

4

2 回答 2

0

$short = '...'.substr($url, -20);

在工具提示中只显示$url

于 2013-04-09T20:55:57.860 回答
0

您可以在容器上使用纯 CSS 和direction属性设置为(从右到左)来完成此操作。rtl

于 2013-04-09T21:11:11.573 回答