在HTML表格中进行文字换行

我有一个用数据库中的数据填充的表。基本表格布局如下所示：

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

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

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

1。
这里的数据

---

你知道如何让它看起来好看吗？

你有没有尝试过使用

空白区？
好吧，有一个很好的库就是这样的：它叫做。）我建议退房，因为它的评论很好。顺便提一下，这是一个很老的问题。）
 要在单词中指定可选的连字符点（英语或其他允许连字符的语言），请插入软连字符U+00A0或等效实体引用
­

要在字符串中指定可选的直接换行点（如foo/bar/zap），请插入标记
，W3C建议不支持该标记，但如果采取了一些预防措施，尤其有效（）

除了这些可靠的（虽然笨拙的）方法，您还可以考虑使用更少（但更优雅）的方法，如CSS规则<代码>连字符：自动< /代码>和语言声明。
使用下面的代码可能对您有帮助。p>
<table border="1" cellspacing="0" cellpadding="0" class="cssTable" style="table-layout:fixed" width="100%">
  <tr>
    <td width="8%" class="cssRowCell1">1.</td>
    <td width="92%" class="cssRowCell2">Data here   
    </td>
  </tr>
</table>


1.
这里的数据

我刚刚在table标签上添加了
style=“table layout:fixed”
，并设置了宽度
100%
，要为列设置多少宽度完全取决于您

注意：Css与您提到的相同。
连同表格单元格样式表“word wrap:break word；”“，在表格样式表中添加“table layout:fixed”。它会起作用。
你必须用css来做吗？或者您可以在它显示之前（或者甚至在它保存到数据库之前）在脚本中修复它。我很确定你不能用css断字，尽管你可以用overflow:hidden和text-overflow:省略号来隐藏它。javascript是一个选项吗？是的，正如我在下面写的，唯一的方法是在ASP.NET脚本中，但问题是我无法知道服务器上的页面宽度来正确引入换行符。我猜你的CSS没有被应用。我以前使用过
wordwrap:break-word
，发现它在所有现代浏览器中都能工作。如果没有其他内容，
溢出：隐藏的
应该会将长单词裁剪掉。@darkporter您可以在单独的答案中发布html+css吗？我承认，我可能搞错了什么。如果它是正确的，我将把它标记为一个答案。到目前为止，唯一对我有效的方法是在服务器端脚本中引入空格（就像他们在那里展示的那样），但这里的问题是，我不知道每行文本有多宽，因此产生的换行符看起来也很糟糕；但它只是在一长段文字前加了一行新词。再次阅读你的问题后，我认为你的问题在于表格的宽度。试着在你的桌子上设置一个宽度。一个在线的例子会有所帮助。
<table border="1" cellspacing="0" cellpadding="0" class="cssTable" style="table-layout:fixed" width="100%">
  <tr>
    <td width="8%" class="cssRowCell1">1.</td>
    <td width="92%" class="cssRowCell2">Data here   
    </td>
  </tr>
</table>