＞
设为首页
＞
收藏本站
＞
最新电影
首页
运营资讯
今日英语
图形图像
计算机技术
Asp编程
网站结构化
资源共享
休闲娱乐
访问新站
> 子栏目
Asp
|
Jsp
|
XML
|
XSL
|
Div+Css
|
自定义函数
|
数据库
|
脚本特效
您现在的位置：
首页
=>
后台技术
=>
div+css
订阅本栏目
实现文字自动截断 省略号 使用CSS
时间： 2007-09-27 16:57:21 阅读次数：4319
.test{ width:200px; height:50px; border:1px solid red; padding:10px; overflow:hidden; /*不显示超过对象宽度的内容*/ text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记（...）*/ white-space:nowrap; /*限制在一行内显示所有文本*/ } <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.aspxuexi.com asp学习网</title> </head> <style type="text/css"> div.test{ width:200px; height:100px; border:1px solid red; padding:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } </style> <body> <div class="test"> 选来选去最终还是决定去大平坡<a href='http://www.ffasp.com' style='text-decoration:none'>。</a><span style='color:#FAFAFA;display:none'>飞,飞Asp技术乐园</span>场地宽，可以游 </div> </body> </html>
提示：您可以先修改部分代码再运行
站内搜索
：
标题
内容
下一篇
ie6,ie7,ie8多版本共存解决方法IETester 0.4.1[支持中文]
上一篇
多点调用的 选项卡
本栏目最新
栏目最新列表
微软IE调试工具：SuperPreview for IE(ie6
精选15个国外最流行的CSS框架
CSS2 Media类型使用方法及简介（@Media）
浏览器排版/布局 图片下方出现空隙的问题
使用IE浏览器a链接失效（不能点击）的解决方
网站优化策划
栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准（没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新
站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布，
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画：如何写出
历史最热10条信息
MIME介绍 及
[
1
] [
2
] [
3
]
巧用Google和迅雷来下载
Transact SQL 常
[
1
] [
2
]
VIA Rhine II Fast Ethe
电脑常用端
[
1
] [
2
] [
3
]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句：A friend and
每日一句：Theres no tu
经典__悟透JavaScript
伟哥博客
西安房产
123最新电影
三四六四
关于站点
|
免责声明
|
联系站长
|
网站地图
|
陕ICP备07002804号
WEB技术QQ交流群：72840059
©2007 ffasp.com. 版权所有
百度统计
