易网时代-编程资源站
Welcome
微信登录
编程资源
图片资源库
蚂蚁家优选
PDF转换器
软件开发
、
小程序制作
、
系统集成与运维
、
空间租用
、
硬件开发
、
视频监控
、
技术咨询与支持
——联系电话：0311-88999002/88999003
首页
/
脚本样式
/
CSS
/
怎么让表格为固定大小，超出的部分显示为省略号
<！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> 标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻 <ul class="ctl" style="width:234;"><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li><li>标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻标题扩大副教授的士大夫看见似的看来法艰苦但是第十六棵飞机立刻</li></ul> </BODY>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
text-overflow:ellipsis;
收藏该网址
版权所有©石家庄振强科技有限公司2024
冀ICP备08103738号-5
网站地图
易网时代-编程资源站
易网时代-编程资源站