tabel怎么使td的长度自适应而不是平均分配

详情见链接:http://www.daqianduan.com/6179.html

tabale{table-layout: fixed;}

// 文字超出隐藏  并出现省略号

tabel tr td{

overflow: hidden; 
text-overflow:ellipsis;  // 显示省略符号来代表被修剪的文本。
white-space: nowrap;      // 强制不换行   white-space 属性设置如何处理元素内的空白。

}

同时可以设置td 的长度 让其他的自适应   如:

 

 

多行文本益处隐藏:

实现方法:

display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
posted @ 2016-12-08 16:25  min_camile  阅读(1066)  评论(0编辑  收藏  举报