单元格长度固定,多余文字显示... CSS样式控制

   <html> 
  <head> 
 </head> 
 <body> 
 <style type="text/css"> 
 .mytable{ 
     table-layout:fixed; 
   
     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,table,Class,firefox,border,mozilla)