繁体中文
设为首页
加入收藏
资讯中心
网络编程
数据库
脚本专栏
实用技巧
软件编程
网页制作
操作系统
经典网摘
网站技巧
免费资源
关于我们
文章搜索
主机租用
域名查询
经验交流
基础教程
VML相关
页面导航:
首页
→
网络编程
→
CSS/HTML
→
经验交流
→ 正文内容
使用CSS不用程序实现文字自动截断 用省略号代替
发布:dxy 发布日期:
2007-11-28 19:28:55
字体:[
增加
减小
] 类型:转载
.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
点击运行可以看到效果:
www.jb51.net 脚本之家
脚本之家,努力打造精品学习网站
。
欢迎大家光临
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]
Tags:
文字
自动截断
省略号
CSS
百度中搜索更多的关于
使用CSS不用程序实现文字自动截断 用省略号代替
内容,或者
用Google搜索相关更多
浏览次数:
载入中...
打印本文
关闭本文
返回首页
0
顶一下
上一篇文章:
h1标签的使用技巧
下一篇文章:
表格高级使用技巧_把表格进行到底(必看)
文章评论
共有
位脚本之家网友发表了评论
我来说两句
同 类 文 章
HTML 向 XHTML1.0 兼容性指导
关于超链接的下划线 使用说明
div+css实现的滑动门,简洁,新手上路 (小鸽
用css制作星级评分
无js5款纯div+css制作的弹出菜单标准
HTML下在IE浏览器中的专有条件注释讲解
css别忘记清除浮动clear:both
网页布局设计的标准尺寸
font和line-height之CSS代码书写顺序不同
用css来控制图片大小显示的实现方法与代码
最 近 更 新
怎样管理好样式
web标准常见问题集合
web打印的另类方法
CSS设置网页的字体 防浏览器浏览页面字体
用CSS解决中英文混合字符串的截取省略问题
DIV+CSS布局的网站对网站SEO的影响分析
比较漂亮的一个导航条的效果DIV+CSS
推荐彻底弄懂CSS盒子模式(DIV布局快速入门
让2个DIV居中并排显示
以图换字的几个方法及思路
热 点 排 行
用CSS实现下拉菜单的多种方法
DIV+CSS布局教程大全与pdf电子书
非常漂亮的Div+CSS布局入门教程
让iframe自适应高度(支持xhtml)
在iframe中隐藏横向滚动条的方法
用css来控制图片大小显示的实现方
比较漂亮的一个导航条的效果DIV+
div做细线表格,很强悍
css强制换行 css强制不换行的css
让2个DIV居中并排显示
文章评论
共有 位脚本之家网友发表了评论我来说两句