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

<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>  

你可能感兴趣的:(CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号)