table中td中内容如何实现自动换行

2024-11-22 19:51:08

推荐回答（2个）

回答1：

1、页面中设置table宽度，一般如果字符串长度超过设置的单元格宽度后会自动换行。但是如果字符串中没有空格以及标点符号它不会自动换行的。字符串已经超过设置的单元格宽度但是就是没有换行。如果字符串中有空格或者标点符号就可以。汉字组成的字符可以实现自动换行就算没有任何符号空格都行。如果纯字母组成的字符串就不行 2 下面这种情况也是使用上面的代码调整过来的。页面table中一行两列，但是虽然设置了左边td的宽度，但是丝毫不起作用。设置右边td的宽度亦如此，但是在table中加上上面加粗红色属性即可

回答2：

1.（IE支持）
关键词：table-layout: fixed 及 word-wrap: break-word

//是否自动换行

//一个很长的单词遇到换行要拆开
AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA

2.（Firefox 或其他浏览器支持）
/* Browser specific (not valid) styles to make preformatted text wrap */
pre {
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}
3.（Firefox支持）