实现table框内的数字和字母自动换行

最新推荐文章于 2024-06-04 14:06:01 发布

也许我太傻

最新推荐文章于 2024-06-04 14:06:01 发布

阅读量1.5k

点赞数

分类专栏：踩坑记录

踩坑记录专栏收录该内容

24 篇文章

订阅专栏

本文介绍了一种在HTML表格中使纯数字或英文内容自动换行的方法，通过添加特定样式属性，解决了默认情况下非中文内容不换行的问题。

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

在实际操作中，如果表格中显示的内容不是中文时，而是纯数字或英文时，默认是不换行的，而汉字是换自动换行的。

我们可以对表格添加一个属性：<table style="word-break:break-all; word-wrap:break-all;">

就可以实现英数字也可以自动换行

————————————————————————————————————————————————————————————

PS：测试代码：

<html>
	<head></head>
	<body>
		<table border="1" align="center" style="word-break:break-all; word-wrap:break-all;">
			<tr>
				<td width="50">1324564648465456465135131321321645646513151651443131321313213212313212132123123</td>
				<td width="50"></td>
			</tr>
			<tr>
				<td width="50">123456</td>
				<td width="50">456789</td>
			</tr>
		</table>
		<hr>
		<table border="1" align="center">
			<tr>
				<td width="50">汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字汉字</td>
				<td width="50"></td>
			</tr>
			<tr>
				<td width="50">123456</td>
				<td width="50">456789</td>
			</tr>
		</table>
	</body>
</html>