在HTML中让一行字符自动换行

Question

用户可以在我的某个表单中输入文本，我希望以表格格式显示该文本。但有时用户会输入没有空格的长行文本。因此，文本会使表格变得太宽。

我可以限制 td 元素的 max-width，但这样文本仍然会溢出到其他单元格上。我可以设置 overflow: hidden，文本就被截断了： 但我需要能够阅读所有内容。是否有办法即使文本没有空格也可以在表格中换行呢？

- at.

---

你可以使用 word-break: break-word;。 - Adrift

CSS的text-wrap属性：http://www.w3schools.com/cssref/css3_pr_text-wrap.asp - Bnjmn

@Bnjmn - text-wrap在浏览器中没有支持！ - at.

@Adrift - 这个可以，和Dave在1分钟前回答的一样。 - at.

你需要决定如何处理文本。这高度依赖于语言，其中行可以被换行，以及应该如何进行换行。（例如，在英语中，我们通常使用连字符。） - Jukka K. Korpela

Answer 1

尝试将以下代码添加到需要的元素的CSS文件中：

word-wrap:break-word;

这是它的实际效果：

运行示例

- Sir

---

@Dave 如果我想在空格和其他一些特殊字符上进行换行而不打断单词怎么办？ - Varun

太好了，对我有用。 - hamed hossani