首页
行业
前端
特效
人生
知识库
站内搜索：
首页
>>
前端
>> 内容
怎么让表格为固定大小，超出的部分显示为省略号
时间：2006/10/24
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> .ctl{ table-layout:fixed } .ctl td{text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> </HEAD> <BODY> <table cellSpacing="0" cellpadding="1" width="100%" class="ctl" border=1> <colgroup> <col> <col width="60"> </colgroup> <tBody> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> <tr> <td>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</td> <td>(1/1)</td> </tr> </tBody> </table> </BODY> </HTML>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
如果是在<div></div>或者<li></li>里面又怎么做呢？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document </TITLE> <style> .ctl {text-overflow:ellipsis;overflow:hidden;white-space: nowrap;padding:2px} </style> </HEAD> <BODY> <div class="ctl" style="width:234;height:99;background:cyan;">标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</div> <ul class="ctl" style="width:234;"><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li></ul> </BODY>
[Ctrl+A 全选 注:
如需引入外部Js需刷新才能执行
]
text-overflow:ellipsis;
上一篇：
实用的标签效果
下一篇：
什么是Unicode,什么是UTF-8
用户评论
已有
0
人评论
阅读更多评论
相关文章
·
怎么解决谷歌disabled状态下操作问题？
·
怎么使用css代码实现一个直角箭头？
·
怎么利用node和react做验证码功能？
·
怎么取消Wordpress上传文件类型限制？
·
怎么获取多个同时被选中的checkbox背后的值？
·
怎么设置a标签只能点击一次？
·
怎么解决CSS外边距重合问题？
·
怎么在浏览器上安装VueDevtools工具？
·
怎么用node写一个http服务器？
·
怎么将数据存储成csv格式的文件？
返回顶部
