繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航：
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
怎么让表格为固定大小，超出的部分显示为省略号
发布：dxy 字体：[
增加
减小
] 类型：转载
点击运行可以看到效果:
<!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 全选 提示:你可先修改部分代码,再按运行]
如果是在<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 全选 提示:你可先修改部分代码,再按运行]
text-overflow:ellipsis;
Tags：
怎么让表格为固定大小
超出的部分显示为省略号
百度中搜索更多的关于
怎么让表格为固定大小，超出的部分显示为省略号
内容，或者
用Google搜索相关更多
浏览次数：
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章：没有文章
下一篇文章：
css不用图片美化按钮
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
解决IE7以下版本不支持无A状态伪类的几种
超赞的随机颜色搭配工具
客齐集OEM的CSS解析与开发经验
CSS中几种常见的注释
CSS技巧DIV为空时占据空间的解决办法
让iframe自适应高度（支持xhtml）IE fire
推荐一篇利用th,colgroup,col定义表格样式
用css实现的带阴影的表格效果的代码
用javascript来控制 链接的target 属性的
无js5款纯div+css制作的弹出菜单标准
最 近 更 新
层自动适应高度
BUTTON和INPUT的区别
使用CSS不用程序实现文字自动截断 用省略
推荐css打造经典鼠标触发显示选项
自定义标签实现圆角边框
会移动的文字(Marquee)
css强制换行 css强制不换行的css方法
几乎被设计师遗忘了的标签fieldset legen
css层滚动条
让人不得不佩服的CSS效果
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度（支持xhtml）
在iframe中隐藏横向滚动条的方法
用css来控制图片大小显示的实现方
比较漂亮的一个导航条的效果DIV+
div做细线表格,很强悍
css强制换行 css强制不换行的css
让2个DIV居中并排显示
文章评论
共有 位脚本之家网友发表了评论我来说两句