如何让table表格中td的内容自动换行

最新推荐文章于 2023-10-16 16:46:23 发布

快乐的走在路上

最新推荐文章于 2023-10-16 16:46:23 发布

阅读量3.6w

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/yjtgod/article/details/11584695

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

====================================================

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

===========================

我们可以对表格添加一个属性：

<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;"><!--没加style时是第一张的效果图-->
			<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>

快乐的走在路上

关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
0
评论
如何让table表格中td的内容自动换行

====================================================在实际操作中，如果表格中显示的内容不是中文时，而是纯数字或英文时，默认是不换行的，而汉字是换自动换行的，如下图显示：===========================我们可以对表格添加一个属性：就可以实现英数字也可以自动换行，如下图：=========
复制链接

扫一扫