截取一個字符串在開始

我正在做一個text-overflow: ellipsis在一個div截斷一些非常長的文本值。基本上是爲了避免因爲URL中沒有空白而增加div的寬度。我需要做的是顯示以下內容：截取一個字符串在開始

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？

順便說一句，鼠標懸停時，完整的字符串顯示爲工具提示。

來源

2013-04-09 Rohit Chopra

php [substr（）]（http://php.net/manual/en/function.substr.php）想起 – 2013-04-09 20:56:22

JavaScript或PHP將是要走的路。（最好是PHP） – 2013-04-09 20:57:03

http://stackoverflow.com/questions/9793473/text-overflow-ellipsis-on-left-side – Andreas 2013-04-09 20:59:00

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

在提示只顯示$url

來源

2013-04-09 20:55:57 rinchik

對。我知道如何在PHP中使用CSS的好處是截斷是動態的。例如「O」比「i」佔用更多的像素空間。 CSS文本溢出自動根據div寬度計算並放置省略號。 – 2013-04-09 20:58:26

關於CSS或任何客戶端的壞事是它不可靠，一些用戶將有一個不支持它的瀏覽器，如果你這樣做，服務器端不會發生 – 2013-04-09 20:59:33

它沒有太大的不同，在JavaScript ...'短=' ...'+（url.substr（-20））;' – Mottie 2013-04-09 21:01:52

你能夠做到這與容器上純CSS和direction屬性設置爲rtl（從右到左）。

來源

2013-04-09 21:11:11 Arbel

截取一個字符串在開始

回答

相關問題