Table中当内容长度大于列宽时, 显示省略号

最新推荐文章于 2023-02-09 11:54:24 发布

掘客DIGGKR

最新推荐文章于 2023-02-09 11:54:24 发布

阅读量5k

点赞数

分类专栏： CSS 文章标签： table border 数据库

本文链接：https://blog.csdn.net/sl1202/article/details/7314684

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

当单元格中的内容长度大于表列的宽度时显示省略号.

示例代码:

<html>
	<head>
</head>
	<body>
		<table id="hi_DB" border=1px cellpadding=0 cellspacing=0 style="table-layout:fixed;">
				<tr><td width=50px style="word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">数据库</td></tr>
				<tr><td  style="word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">aaaaaaaa</td></tr>
				<tr><td  style="word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;">bbbbbbbb</td></tr>
		</table>
	</body>
</html>