css 限制文字长度

复制代码
 1 <style type="text/css">
 2 .table{table-layout:fixed}
 3 .table td{overflow:hidden;text-overflow:ellipsis;white-space:nowrap搜索}
 4 </style>
 5 <table width="200" border="1" class="table">
 6  <tr>
 7   <td>AAAAAAaaaaaaaaaaaaaaaaaaaaAAAAAAAAA</td>
 8   <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
 9   <td>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</td>
10  </tr>
11 </table>
复制代码
可以实现,但是用的是-webkit-私有属性。我用js已经解决了。代码如下:
text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;

 


 width:100px;
 white-space:nowrap;
 word-break:keep-all;
 overflow:hidden;
 text-overflow:ellipsis;

white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;
posted @ 2015-03-04 09:40  xiaolang001  阅读(385)  评论(0)    收藏  举报
编辑推荐:
· 协程本质是函数加状态机——零基础深入浅出 C++20 协程
· 编码之道,道心破碎。
· 记一次 .NET 某发证机系统 崩溃分析
· 微服务架构学习与思考:SOA架构与微服务架构对比分析
· tomcat为什么假死了
阅读排行:
· 知名开源项目Alist被收购!惹程序员众怒,开团炮轰甲方
· 突发,小红书开发者后门被破解?!
· 历时半年,我将一个大型asp.net的零代码快速开发平台转成了java
· [原创]《C#高级GDI+实战:从零开发一个流程图》第03章:画一个线,连接两个矩形!
· C# 将 CSV 转化为 Excel
点击右上角即可分享
微信分享提示