CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号

  • Post author:
  • Post category:其他
<html> 

<head>
 

</head>
 

<body>
 

<style
type
=
“text/css”
>
 
.mytable{  
    table-layout:fixed;  
    width:98%  
    border:0px;  
    margin:0px;  
    background-color:#BDE1F2;  
    }     
.mytable tr td{  
    text-overflow:ellipsis; /* for IE */   
    -moz-text-overflow: ellipsis; /* for Firefox,mozilla */   
    overflow:hidden;  
    white-space: nowrap;  
    border:0px;  
    text-align:left  
    }  

</style>
 

<table
width
=
“500px”
class
=
“mytable”
>
 
 
<tr>
 
   
<td
width
=
“20%”
>
ONE PIECE 海贼王
</td>
 
   
<td
width
=
“80%”
>
ONE PIECE”在故事中为“一个大秘宝”之意。故事描述男主角‘草帽’  
 
蒙其·D·路飞为了当上“海贼王”而踏上“伟大航道”及与其伙伴的经历。传说中‘海贼王’  
 
哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏“ONE PIECE”,许  
 
多人为了争夺“ONE PIECE”,争相出海,许多海贼开始树立霸权,而形成了“大海贼时代”。  
 
十年后,路飞为了要实现与因救他而断臂的四皇‘红发’香克斯的约定而出海,在遥远的路途  
 
上找寻着志同道合的伙伴,一起进入“伟大航道”,目标当上“海贼王”
</td>
 
 
</tr>
 

</table>
 

</body>
 

</html>
 


版权声明:本文为deepwishly原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。