CSS 溢出和自动换行行为对我毫无帮助

Question

你可以看到文件名字段应该如何看待 http://www.plifk.com/henvic/114以及它如何破坏 http://www.plifk.com/henvic/159 处的布局

如果我使用 108574main-neutron-star-and-a-very-bad-overfow-will-happen-here-so-sad.mpg 我不会溢出，但在第一行“108574main-neutron- star-and-a-very-”，第二行是“bad-overfow-happens.mpg”。我该怎么做才能避免溢出？

请知道我不想使用怪癖(比如 PHP 的自动换行，如果可能的话也不是 JavaScript)并且我已经在 CSS 中尝试了一些带有自动换行的方法，但没有任何效果。

我也尝试过 word-break: break-all (仅在 Firefox 上测试过)但它也没有用。

连溢出:隐藏；不工作...我不是很熟悉网页设计(事实上，我试图按照标准等做所有事情)，我现在完全迷路了。

可以在http://pastebin.ca/1802451 看到未压缩的CSS 文件。

现在......我真的明白，一旦自动换行适用于文本而不是字符，这是意料之中的。但是，嘿，即使 break-all 它也没有做任何事情。怎么可以？

非常感谢您。

Answer 1

你可以设置#metasidebar {overflow: hidden;}。那行得通。不确定您是否喜欢它切割文本的方式，但至少它不会溢出。

您也可以尝试在 php 中剪切文件名或插入断点。像这样的东西:

if(strlen($filename) > self::MAX_FILENAME_LENGTH) {
   // Make some smart splitting, or just insert a dash at a given length,
   // since rendering engines can line-break on dash
}