在 td 标记元素中强制自动换行 [重复]

Posted 2023-03-05

【中文标题】在 td 标记元素中强制自动换行 [重复]

【英文标题】：Force word wrap in td tag element [duplicate]

【发布时间】：2011-09-11 12:18:30

【问题描述】：

可能重复：Word-wrap in a html table

我有一个包含两列并指定宽度的表格。但是当我放一根很长的绳子时，它不会换行。例如，

<table width=100% border=1>
   <tr>
       <td width=50%>  <very long string here> </td>
       <td width=50%> </td>
   </tr>
</table>

这里的问题是第一列有extend是我放了一个很长的字符串。

有没有 CSS 方法可以做到这一点？

请指教。

【参考方案1】：

使用 CSS 属性 table-layout 或 word-wrap。

另外，请参考以下问题：Word-wrap in an HTML table。

【参考方案2】：

你有什么作品，在这里查看：

http://jsfiddle.net/PmR6F/

列是 50%。

如果您使用大图像或没有空格的实线文本，您的 td 将扩大。

在第二个示例中，我将文本连接在一起：

http://jsfiddle.net/PmR6F/1/