CSS 溢出和自动换行行为对我没有任何帮助

Question

您可以查看文件名字段的外观 http://www.plifk.com/henvic/114< /a> 以及它如何打破 http://www.plifk.com/henvic/159< 的布局/a>

如果我使用 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 上测试），但它也不起作用。

连溢出：隐藏；不起作用...我对网页设计不太熟悉（事实上，我尝试按照标准做所有事情等），我现在完全迷失了。

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

现在...我真的明白了一旦自动换行适用于文本而不是字符，这是预期的。但是，嘿，即使打破了一切，它也没有任何作用。怎么可以？

预先非常感谢您。

Answer 1

您可以设置#metasidebar {overflow:hidden;}。那会起作用的。不确定你喜欢它如何剪切文本，但至少它不会溢出。

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

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
}