效果图下：超出td的宽度范围，会用省略号代替
[img]http://dl.iteye.com/upload/picture/pic/59349/0170e868-3ac9-3064-a170-4604b1ec7089.jpg[/img]
实现如下
[img]http://dl.iteye.com/upload/picture/pic/59349/0170e868-3ac9-3064-a170-4604b1ec7089.jpg[/img]
实现如下
<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>
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
