答案 0 :(得分:3)
首先,你不能。这是CSS格式的一个非常常见的问题。在国际化网络应用程序时也很常见 - 所有经过精心调整的CSS都被德国长篇文章所淹没......
你要么让div更高,要么显示两行或更多,或者你“修剪”溢出的字符。
如果你让div更高,那么当你的大部分标题很短时,你可能会遇到太多的空白区域。
您可以通过设置overflow:hidden
和text-overflow:ellipsis
CSS样式来“修剪”溢出的字符。 (注意:必须设置overflow:hidden
,否则会忽略text-overflow
。并且text-overflow
不支持所有浏览器。
当溢出时,一些网站在悬停时也会弹出一个带有完整标题的弹出窗口(标题/ alt属性)。
某些网站将JavaScript连接到mouseenter / leave事件,以便div“展开”以显示鼠标悬停在顶部时的所有文本,然后在鼠标离开时“收缩”回一行。
从设计网站开始,您必须“围绕”此问题进行“规划”。否则,即使你的大部分英文标题长到足以占据两行,当你有日文文本时,它们会突然变成三行......或者如果你有中文文本,它们都突然适合一行,每帧都有一个空格。