固定table中的td的高度，文字显示长度过长显示.......

程序猿小强

于 2014-03-27 11:01:46 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：细节

本文链接：https://blog.youkuaiyun.com/lvliqiang1990/article/details/22274483

12 篇文章

订阅专栏

这篇博客介绍了如何使用CSS来固定table中td的高度，当文字内容过长时自动显示省略号。通过设置`border-collapse`、`table-layout`、`text-overflow`、`overflow`和`white-space`等属性，可以实现这一效果。

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

 css中加 .ctltable{border-collapse: collapse;
table-layout:fixed}
.ctltable td {
text-overflow:ellipsis;
overflow:hidden;
white-space: nowrap;

<table class="ctltable">

	<tr>

		<td>1</td>

		<td>张三</td>

	</tr>

</table>