相关文章
网络营销效果
北京网页设计用Fireworks自带滤镜打造炫彩光环
北京网站建设5分钟制作出Web2.0风格的网页图标
北京网站制作Flash处理外部XML文档数据
网站设计用Photoshop手绘晶莹透明的水滴
北京网站建设网络图形效果探索(五)
网站制作用CSS样式表来定义博客上的链接样式
北京网站制作好玩的东东 Google风格Logo生成器
网页设计网页设计师面对的最重要一个问题:如何使用户受益
网站制作按形容词分类:忠厚、稳重、有品位
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置:首页 >> 网页设计 >> 网站设计网站设计网页设计应用:使用CSS截字
网站设计网站设计网页设计应用:使用CSS截字
截字是一个很恶心的问题。为了照顾表现上的需要,通常需要把过长的句子,比如一个列表中的新闻标题,截短。
中国站 北京网站建设.长站
通常这由程序员使用后台技术(各种流行的语言,PHP, JSP 北京网站制作等)或者前台技术(JavaScript)来处理。我个人倾向于使用前台技术,因为这对提高网页的亲和力 网站建设(accessibility) 网站制作有好处。在非桌面型的浏览器中,用户可以更方便的掌握信息完整性。
Www_Chinaz_com
text-overflow是CSS3的一个性质(property),它可以截短过长的字符串,并依据值(value)来决定被截掉部分使用何种方式展现。目前,IE已经实现对其的支持,Opera也有了私有属性(-o-text-overflow) www.qitongnet.com对其支持,Firefox似乎落后一步……支持的两者都可使用ellipsis 值,把截掉部分替代成省略号(即ellipsis)。 中国站长_站,为中文网站提供动力
所以,你要做的只是,把需要截字的元素定好宽度,和overflow 网站设计一起使用,即可实现效果。 站长.站
但是Firefox不支持,所以大概你知道我下面要干什么了。 北京网站设计 [中国站长站]
解决方案是,利用伪类:after增加省略号,再把它定位到右边即可。效果有点粗糙,但简洁明了,纯CSS实现 站.长.站
北京网站设计