用于强制表格换行的 PHP 或 HTML/CSS 解决方案

Question

我有一个充满用户生成文本的表格。 文本跨越 TD 允许的范围，但是如果输入是由长字符串组成的字符串，没有中断字符（空格、破折号等），则会弄乱表格。

例如gggggggggggggggggggggggggggggggggggggggggggggggggggg

我怎样才能使这些字符串也包裹起来？

谢谢。

Answer 1

您可以使用CSS：

table {
    table-layout: fixed;
    width: 100%;
}

table td, table th {
    word-wrap: break-word;       /* Internet Explorer 5.5+, Chrome, Firefox 3+ */
    overflow-wrap: break-word;   /* CSS3 standard: Chrome & Opera 2013+ */
}

/* Use this if you also want to preserve multiple spaces in text */
table td, table th {
    white-space: -moz-pre-wrap;  /* Firefox 1.0-2.0 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* CSS3 */
}

这是一个示例： http://www.jsfiddle.net/QPP8A/ （现在已经过时了，抱歉）

如果您发现这很难应用，您可以使用 PHP 的自动换行功能：

$text = "The quick brown fox jumped over the lazy dog.";
$newtext = wordwrap($text, 20, "<br />\n");

Answer 2

尝试这个jquery解决方案，它会在定义的字母数后中断文本：

http://plugins.jquery。 com/project/Word-Break

你可以像这样使用它。

$('yourtable td').wordwrap({
        width: 50,
        cut:true,
        brk: '<br/>\n'
        })

谢谢