td内容超出 以…显示
table中的td内容超出以省略号显示,需满足的条件是:
<style type="text/css">
table{
table-layout: fixed;
border-collapse:collapse;
width: 100%;/*自定义*/
}
div,td{
text-overflow: ellipsis;
-moz-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
td{border: 1px solid #aaa;}
</style>
<table>
<tr>
<td width="">Datcxcvxcvxcvxcvxcvxcvxcvxcvxcva个水电费感受到分公司发到公司分公司电饭锅搭噶十多个是否感受到公司的风格</td>
<td>
<div width="200px;">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem ex voluptatum cupiditate voluptates est facere quis nostrum earum iure expedita. Aspernatur dolores expedita nostrum ducimus aperiam doloribus magni beatae qui.</div>
</td>
<td width="">测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试测试123123</td>
</tr>
</table>
效果图:
最新文章
- Oracle数据库的创建以及远程连接(PL/SQL Developer远程连接数据库)
- JVM之几种垃圾收集器简单介绍
- Kettle6.0安装及问题总结-白痴教程
- [实现]Javascript代码的另一种压缩与加密方法——代码图片转换
- 将win7电脑无线网变身WiFi热点,让手机、笔记本共享上网
- Office 2013 激活工具
- c# 在windows服务中 使用定时器
- Lua开发环境搭建(Mac)
- FC网络学习笔记02 -网络配置方法
- C#使用WebKitBrowser.dll填坑记
- Longge的问题(欧拉,思维)
- 乐在其中设计模式(C#) - 提供者模式(Provider Pattern)
- MySQL解决方案
- Commons-FileUpload组件的应用
- Set集合判断对象重复的方法
- Matplotlib.pyplot 把画图保存为图片
- .net项目dll内嵌加载
- fiddler2抓包数据工具使用教程
- 二: vue的属性及功能,axios
- win8安装iis asp.net