文本溢出的div

Question

網址：http://66.7.212.201/~mobilegu/wp/

看到文本

最後的2個字被溢出的div，我怎能讓DIV不再那麼「死OVA的高中」他們適合？

Answer 1

首先，你不能。這是CSS格式化的一個很常見的問題。國際化一個網絡應用程序時也很常見 - 所有你調好的CSS都被長長的德國文字淹沒了......

你要麼讓分隔線，essentailly使它顯示兩行或更多，要麼「修剪「溢出的字符。

如果您製作的是分隔線，那麼當您的大多數標題很短時，您可能會面臨太多的空白區域。

您可以通過設置overflow:hidden和text-overflow:ellipsis CSS樣式來「修剪」溢出字符。 （注意：overflow:hidden必須設置，否則text-overflow將被忽略，並且text-overflow不支持所有瀏覽器）。

當溢出時，有些網站也會在懸停時使用完整標題做一個彈出式（title/alt屬性）。

有些網站將JavaScript連接到鼠標輸入/離開事件，以便div「展開」以在鼠標懸停在上方時顯示所有文本，然後在鼠標離開時「收縮」回到一行。

您必須從設計網站的一開始就「計劃」這個問題。否則，即使大部分英文標題的長度足以佔據兩行，但突然當你有日文文本時，它們會溢出到三個......或者如果你有中文文本，它們全部突然適合一行，並且每個框架中都有一個空白區域。