当前位置: 首页 > 图文教程 > 网页制作 > CSS样式表 > 使用CSS不用程序实现文字自动截断 用省略号代替

CSS样式表
CSS中box(盒模式)的分析
CSS2快速参考
CSS布局入门
怎么改善现有网站
display&position
表格斜线
转载:On having layout
标准化你的网页
HTML技巧汇编
动态CSS站点教程:多个页面样式提供浏览者选择
鲜为人知的CSS技巧10则
详谈 CSS样式表使用:链接/嵌入
W3C标准:实时切换CSS样式
On having layout
XHTML与HTML之间的区别
XHTML标准语法
针对浏览器隐藏CSS
CSS基础学习
130个漂亮CSS布局站点参考
css技巧十条

CSS样式表 中的 使用CSS不用程序实现文字自动截断 用省略号代替


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 57 ::
收藏到网摘: n/a

.test{
width:200px;
height:50px;
border:1px solid red;
padding:10px;
overflow:hidden; /*不显示超过对象宽度的内容*/
text-overflow:ellipsis; /*当对象内文本溢出时显示省略标记(...)*/
white-space:nowrap; /*限制在一行内显示所有文本*/
}
点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]