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

最新推荐文章于 2023-11-04 11:14:24 发布

hhucxyb

最新推荐文章于 2023-11-04 11:14:24 发布

阅读量1k

点赞数

分类专栏： CSS 文章标签： css mozilla border firefox table class

本文链接：https://blog.csdn.net/hhucxyb/article/details/5782219

版权

CSS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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