CSS控制TD内字数长度 省略号 css截取 超过 显示 省略号
2012-10-26 16:03
489 查看
<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>
<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控制文字显示长度，超过用省略号替代
- css控制文字显示长度，超过用省略号替代
- css控制字符串不超过div的长度，超过的部分用省略号显示
- 用css控制table文字溢出显示省略号 控制td显示字数
- css控制文字显示长度，超过用省略号替代
- CSS控制文本的长度，超过一行显示省略号
- CSS控制文本的长度 超过一行显示省略号的实现方法
- css控制一行文字超过固定长度显示省略号
- css中li中控制文字字数，并显示省略号
- 用css解决table文字溢出控制td显示字数
- 标题超过长度就显示省略号-CSS代码来解决
- 用css解决table文字溢出控制td显示字数
- angularjs如何在ng-repeat过程中控制字符串长度超过指定长度后面内容以省略号显示
- css控制td内文字数量，以省略号显示
- css控制字体长度(用省略号显示)
- 用css解决table文字溢出控制td显示字数
- css限制显示字数，文字长度超出部分用省略号表示
- css限制显示字数，文字长度超出部分用省略号表示
- css控制标题长度超出部分显示省略号
- CSS控制的内容超过容器宽度后显示省略号