td长度固定,内容过长,超过部分用省略号代替
2014-12-02 18:10
555 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> .mytable { table-layout: fixed; width: 98% border:0px; margin: 0px; } .mytable tr td { text-overflow: ellipsis; /* for IE */ -moz-text-overflow: ellipsis; /* for Firefox,mozilla */ overflow: hidden; white-space: nowrap; border: 1px solid; text-align: left } </style> </head> <body> <table width="500px" class="mytable"> <tr> <td width="20%">海贼王</td> <td width="80%">ONE PIECE”在故事中为“一个大秘宝”之意。故事描述男主角‘草帽’ 蒙其·D·路飞为了当上“海贼王”而踏上“伟大航道”及与其伙伴的经历。传说中‘海贼王’ 哥尔·D·罗杰在死前说出他留下了具有财富、名声、力量世界第一的宝藏“ONE PIECE”,许 多人为了争夺“ONE PIECE”,争相出海,许多海贼开始树立霸权,而形成了“大海贼时代”。 十年后,路飞为了要实现与因救他而断臂的四皇‘红发’香克斯的约定而出海,在遥远的路途 上找寻着志同道合的伙伴,一起进入“伟大航道”,目标当上“海贼王”</td> </tr> </table> </body> </html>
转载:/article/3952419.html
相关文章推荐
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- td长度固定,内容过长,超过部分用省略号代替
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- HTML怎么让table中的td内容过长显示为固定长度,多余部分用省略号代替
- HTML怎么让table表格中的td单元格内容过长显示为固定长度,多余部分用省略号代替?
- DIV内容超出固定宽度部分用省略号代替
- EL函数(字符串超过指定的长度,则超过的内容以省略号代替)
- table:设置边距,td内容过长用省略号代替
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】 (转)
- QLabel 内容长度超过控件本身长度时超出的部分用省略号
- 4行CSS实现表格内容超过一行的部分,用省略号代替
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
- 控制td中的内容多出td长度的部分用省略号表示
- 怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来
- 4行CSS实现表格内容超过一行的部分,用省略号代替
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
- 4行CSS实现【表格内容超过一行的部分,用省略号代替】【支持IE6】
- text-overflow:ellipsis;-moz-binding: url('ellipsis.xml#ellipsis'); 文本字符串超过容器长度溢出部分显示点点点省略号"..." ,支持IE6+,Firefox !