博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
td长度固定,内容过长,用固定长度
阅读量:5050 次
发布时间:2019-06-12

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

table {     table-layout: fixed; }table 长度要明确table tr td {       text-overflow: ellipsis; /* for IE */      -moz-text-overflow: ellipsis; /* for Firefox,mozilla */      overflow: hidden;      white-space: nowrap;      text-align: left   }

 

一般的文字截断(适用于内联与块):.text-overflow{display:block;                     /*内联对象需加*/width:31em;word-break:keep-all;           /* 不换行 */white-space:nowrap;          /* 不换行 */overflow:hidden;               /* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;         /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/}对于表格,定义有点不一样:table{width:30em;table-layout:fixed;                 /* 只有定义了表格的布局算法为fixed,下面td的定义才能起作用。 */}td{width:100%;word-break:keep-all;             /* 不换行 */white-space:nowrap;            /* 不换行 */overflow:hidden;                  /* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;            /* 当对象内文本溢出时显示省略标记(...) ;需与overflow:hidden;一起使用。*/}

 

转载于:https://www.cnblogs.com/hugang2017/p/7736360.html

你可能感兴趣的文章
docker 安装与卸载
查看>>
“搜狐微博零估值”用意何在
查看>>
如何区分 OpenStack Neutron Extension 和 Plugin
查看>>
简述人工智能发展的先决条件
查看>>
AWS API 2.0签名规范
查看>>
MVC3 系统列讲解
查看>>
很开心
查看>>
Codeforces 388 D. Fox and Perfect Sets
查看>>
货币计算程序
查看>>
在析构函数中关闭 SqlConnection 连接
查看>>
对于C#中的一些点滴你真的理解了吗?
查看>>
结对编程项目--电梯调度
查看>>
ACM International Collegiate Programming Contest World Finals 2013
查看>>
【PAT-一道看着很难的水题】L2-023. 图着色问题
查看>>
[游戏学习26] MFC 时间函数 画图形
查看>>
Java构建器(多个构造器参数)
查看>>
个人绩效与团队绩效
查看>>
快餐英语名称
查看>>
Ubuntu PPA软件源
查看>>
Window 2003 IIS + MySQL + PHP + Zend 环境配置
查看>>