如何移動文字太長？

我的網站在右上角顯示用戶名，如果用戶名太大，它將不在屏幕上。我如何通過使用html，css和JavaScript來防止這種情況。如何移動文字太長？

我試圖使用text-align和direction但它沒有奏效。

<div style="font-size:15px; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div

來源

2014-02-12 Gman

*您不會*需要JavaScript的支持。減小字體大小或騰出更多空間。如果你真的陷入困境，請做一個小提琴。 – MackieeE

爲什麼你使用'方向：RTL'？ –

有無數的方法可以防止它，部分取決於你想要發生什麼（截斷，字體大小改變，包裝...）。 –

試圖word-wrap:break-word;

<div style="font-size:15px; word-wrap:break-word; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div>

來源

2014-02-12 09:22:05

<div style="word-wrap:break-all; text-align: justify; word-break:break-all; font-size:15px; color:#666666; direction:RTL; text-align: right;" ><?php echo $_SESSION['Name']?></div>

word-wrap:break-word;不一樣，如果用戶類型，而空間 喜歡的工作：Aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa

在這種情況下，你需要

word-wrap:break-all; text-align: justify; word-break:break-all;

來源

2014-02-12 09:22:22

什麼exacly想要做？
例如，你可以砍下文字CSS和創建「......」看here更多信息：

.truncate { 
    width: 250px; 
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
}

（這不是在Firefox的作品）

overflow屬性只是切斷。

overflow:hidden;

當您爲div設置title屬性時，用戶可以在懸停上看到全名。

來源

2014-02-12 09:22:47 chris

您好我認爲你應該使用的CSS-propertie overflow（explain），因爲word-wrap propertie沒有在任何主流瀏覽器（source）

來源

2014-02-12 09:28:29 Andreas

如何移動文字太長？

回答

相關問題