Outlook邮件中table td内容不能换行

紫麦熊

于 2022-01-05 17:05:49 发布

阅读量2k

点赞数 1

文章标签： html css outlook

本文链接：https://blog.csdn.net/m0_37378152/article/details/122327505

版权

在HTML表格中，遇到固定宽度的单元格内文本溢出问题，尝试使用`word-break:break-all;`和`white-space:normal;`组合方式无效。文章提供了两种解决方案：一是直接在`td`元素上添加样式；二是将样式应用于`table`元素。这两种方法可能有助于解决长字符串在表格中显示不正常的问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

固定宽度 + word-break: break-all;无效

方法一：td添加样式：word-break: break-all;white-space:normal;

<td width="300" style="word-break: break-all;white-space:normal">TomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTom</td>

方法二：table添加样式：word-break: break-all;

<table cellspacing="0" border="1" style="word-break: break-all;">
	<thead>
		<tr>
			<td width="100">id</td>
			<td>name</td>
			<td width="100">age</td>
		</tr>
	</thead>
	<tbody>

	<tr>
		<td>1</td>
		<td>Alice</td>
		<td>10</td>
	</tr>
	<tr>
		<td>2</td>
		<td width="300">TomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTomTom</td>
		<td>8</td>
	</tr>
	<tr>
		<td>3</td>
		<td>Jerry</td>
		<td>11</td>
	</tr>
	</tbody>
</table>