2015-04-12 19 views
4

HTML中是否存在編碼字符,允許單詞在特定點處斷開,但如果不需要則不創建空格?在特定點打破長字的HTML字符

舉例來說,我想展示一個完整的URL,如下面如果空間允許它...

http://www.example.com/mylongpagename 

但如果在小範圍內顯示(例如移動屏幕上)我想它的/my,使其自動換行作爲之間的分裂......

http://www.example.com/ 
mylongpagename 

我所知道的word-wrap: break-word;的CSS命令,但最終可能會像下面的...

http://www.example.com/mylongpa 
gename 
+0

我太急於接受這種重複 - 我到底用的''。我已經投票重新開放 – freefaller

回答

7

您可以使用<wbr>HTML元素。它指定了一個「分詞機會」,這意味着只有在需要的時候纔會突破(例如,在小屏幕上)。

所以在你的榜樣,你可以做一些事情,如:

<p>http://www.example.com/<wbr>mylongpagename</p> 
+0

Ack,我太快接受了「重複」...我認爲這是一個更好的/整潔的解決方案 – freefaller