欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

CSS 控制内容超出表格长度后自动隐藏教程
程序员文章站 2022-05-23 18:12:18
只要设置table和td的属性如下:  table { table-layout: fixed; border-collapse:collapse;...

只要设置table和td的属性如下: 

table {

	table-layout: fixed;
	border-collapse:collapse;
	width: 100%;
}
td{
white-space: nowrap;/*控制单行显示*/
overflow: hidden;/*超出隐藏*/
text-overflow: ellipsis;/*隐藏的字符用省略号表示*/
}

推荐阅读

内容超出表格长度后自动隐藏教程
  • CSS 控制

  • 内容超出表格长度后自动隐藏教程