在开头截断一个字符串

Question

我在div中执行text-overflow: ellipsis来截断一些非常长的文本值。基本上是为了避免溢出增加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吗？

BTW，鼠标悬停时，完整字符串显示为工具提示。

Answer 1

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

在工具提示中，只显示$url

Answer 2

您可以通过容器上的纯CSS和direction属性设置为rtl（从右到左）来实现这一目标。