文本溢出Div

时间:2011-04-28 07:21:47

标签: css html

网址:http://66.7.212.201/~mobilegu/wp/

见“死亡高中OVA”

最后2个单词溢出div,我怎样才能让div更长?

1 个答案:

答案 0 :(得分:3)

首先,你不能。这是CSS格式的一个非常常见的问题。在国际化网络应用程序时也很常见 - 所有经过精心调整的CSS都被德国长篇文章所淹没......

你要么让div更高,要么显示两行或更多,或者你“修剪”溢出的字符。

如果你让div更高,那么当你的大部分标题很短时,你可能会遇到太多的空白区域。

您可以通过设置overflow:hiddentext-overflow:ellipsis CSS样式来“修剪”溢出的字符。 (注意:必须设置overflow:hidden,否则会忽略text-overflow。并且text-overflow不支持所有浏览器。

当溢出时,一些网站在悬停时也会弹出一个带有完整标题的弹出窗口(标题/ alt属性)。

某些网站将JavaScript连接到mouseenter / leave事件,以便div“展开”以显示鼠标悬停在顶部时的所有文本,然后在鼠标离开时“收缩”回一行。

从设计网站开始,您必须“围绕”此问题进行“规划”。否则,即使你的大部分英文标题长到足以占据两行,当你有日文文本时,它们会突然变成三行......或者如果你有中文文本,它们都突然适合一行,每帧都有一个空格。