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  阅读(372)  评论(0编辑  收藏  举报