html - 在 HTML 表格中使文本自动换行

Question

我有一个表，其中填充了数据库中的数据。基本的表格布局如下:

<table class="cssTable">
  <tr>
    <td class="cssRowCell1">1.</td>
    <td class="cssRowCell2">Data here</td>
  </tr>
</table>

问题是，如果数据库包含一长行文本，其中没有任何空格，则文本不会环绕页面，而是从页面右侧伸出。

我尝试执行以下操作，但均无效:

1 在 CSS 中添加了以下内容:

.cssRowCell2
{
    min-width: 880px;
    word-wrap: break-word;
    overflow: hidden;
}

2 尝试添加显式表格宽度:

<td class="cssRowCell1" width="2%">1.</td>
<td class="cssRowCell2" width="98%">Data here</td>

知道如何让它看起来不错吗？

Answer 1

嗯，有一个很好的库专门用于此目的:它称为 Hyphenator 。 )我建议查看this discussion ，因为评论得很好。顺便说一句，这是一个老问题。 )