博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
table中超过长度的列,显示省略号
阅读量:6265 次
发布时间:2019-06-22

本文共 516 字,大约阅读时间需要 1 分钟。

     
helphelphelphelphelphelphelphelphelphelp : aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaabbbbbbbbbb 123456789

注意几点:

1,table的width必须设定值,上面设定的是100%,也可以设置为400px等。

2,table-layout: fixed; 这样设置后,表格的每列的宽度由第一行的每列宽度决定。如果不设置就会平均分配宽度。

3,td中要直接放文字,不能套一个span,div等,套了之后,省略号是没有效果的。

4,如果第一列中有合并的列(colspan),合并列中的子列将会平均分配合并列宽度,即使你在第二行合并列的子列设置宽度,也是无效的。

    要解决这个问题,可以考虑,在开头增加一行tr,设置height=0px,这一行专门用来控制每一列的宽度,所以这一行不能有合并列。

5,text-overflow: ellipsis; 除了显示省略号,还可以为text-overflow: clip;(截断)

转载地址:http://zydpa.baihongyu.com/

你可能感兴趣的文章
TreeMap之元素插入
查看>>
Vue二次封装axios为插件使用
查看>>
es6中export和export default的作用、区别
查看>>
Toast通知栏权限填坑指南
查看>>
LeetCode39.组合总和 JavaScript
查看>>
IOS开发常用GitHub开源项目
查看>>
In FontFamilyFont, unable to find attribute android:font的报错处理
查看>>
webpack配置路径问题
查看>>
浅谈尾递归
查看>>
追踪解析 Disruptor 源码
查看>>
CSS-伪类选择器(未完待续。。。)
查看>>
Markdown常用标记使用
查看>>
使用 Docker 部署 Spring Boot项目
查看>>
高清的GIF表情包如何制作
查看>>
mysql-存储过程
查看>>
flac格式转换mp3格式要用什么软件
查看>>
黑客图标
查看>>
JavaScript数据结构与算法——集合
查看>>
DevOps自动化工具集合
查看>>
公共DNS服务器整理
查看>>