文本溢出的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“展开”以在鼠标悬停在上方时显示所有文本，然后在鼠标离开时“收缩”回到一行。

您必须从设计网站的一开始就“计划”这个问题。否则，即使大部分英文标题的长度足以占据两行，但突然当你有日文文本时，它们会溢出到三个......或者如果你有中文文本，它们全部突然适合一行，并且每个框架中都有一个空白区域。