欢迎您访问www.5ucms.org
通常这由程序员使用后台技术(各种流行的语言,PHP, JSP等)或者前台技术(JavaScript)来处理。我个人倾向于使用前台技术,因为这对提高网页的亲和力(accessibility)有好处。在非桌面型的浏览器中,用户可以更方便的掌握信息完整性。 text-overflow是CSS3的一个性质(property),它可以截短过长的字符串,并依据值(value)来决定被截掉部分使用何种方式展现。目前,IE已经实现对其的支持,Opera也有了私有属性(-o-text-overflow)对其支持,Firefox似乎落后一步……支持的两者都可使用ellipsis 值,把截掉部分替代成省略号(即ellipsis)。 所以,你要做的只是,把需要截字的元素定好宽度,和overflow一起使用,即可实现效果。 但是Firefox不支持,所以大概你知道我下面要干什么了。 :) 先可以看看Yahoo某大牛的解决方案:http://blog.360.yahoo/blog-ktYYK_s5fqJ2Hu1ryv2QSL0-?p=120。大牛就是大牛,XBL和JavaScript双管齐下。 然后,我的解决方案是,利用伪类:after增加省略号,再把它定位到右边即可。效果有点粗糙,但简洁明了,纯CSS实现。 具体过程不说了,看案例,有兴趣者看看源码,很容易理解的。上一篇:5ucms培训,HTML初级指南>快速启动 下一篇:5ucms插件,有关web标准化的一些想法 |
|
本站声明:本网站所载文章等内容,目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权及其它问题,请在30日内与本网联系(Email:3876307#qq.com),我们将在第一时间删除内容。若原创内容转载请注明出处。 5ucms培训,网页设计应用:使用CSS截字的关键词: |