IT知识,从这里开始!
当前位置: 主页 > JS/CSS > CSS样式 >

让过长的内容自动隐藏并加省略号(很实用)

时间:2013-06-20 22:47来源:未知 作者:金龙 点击:
推荐给开发人员的样式
个人觉得本样式很实用,特别是对开发网站(动态)人员很有用。

效果预览:
  • 傲世金龙傲世金龙
  • 傲世金龙傲世金龙傲世金龙傲世金龙
  • 龙行者龙行者龙行者
  • 龙行者龙行者龙行者龙行者龙行者龙行者


CSS样式:

<style type="text/css">
.fan{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  width:200px;
}
</style>



提示:必须固定宽度(width),如果没有固定或是100%,那么外层或以外必须有固定宽度。 (责任编辑:金龙)
顶一下
(2)
66.7%
踩一下
(1)
33.3%
------分隔线----------------------------
  • 上一篇:没有了
  • 下一篇:没有了
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片
栏目列表
广告位API接口通信错误,查看德得广告获取帮助
推荐内容
网站备案号:粤ICP备13068005号