|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
DIV本身就是容器性质的,你不但可以内嵌table还可以内嵌文本和其它的HTML代码CSS是CascadingstyleSheets的简称,中文译作“层叠样式表单”。
截字是一个很恶心的成绩。为了照应体现上的必要,一般必要把太长的句子,好比一个列表中的旧事题目,截短。
一般这由程序员利用背景手艺(各类盛行的言语,PHP,JSP等)大概前台手艺(JavaScript)来处置。我团体偏向于利用前台手艺,由于这对进步网页的亲和力(accessibility)有优点。在非桌面型的扫瞄器中,用户能够更便利的把握信息完全性。
text-overflow是CSS3的一本性质(property),它能够截短太长的字符串,并根据值(value)来决意被截失落部分利用何种体例展示。今朝,IE已完成对其的撑持,Opera也有了公有属性(-o-text-overflow)对其撑持,Firefox仿佛掉队一步……撑持的二者都可以使用ellipsis值,把截失落部分替换成省略号(即ellipsis)。
以是,你要做的只是,把必要截字的元素定好宽度,和overflow一同利用,便可完成效果。
可是Firefox不撑持,以是也许你晓得我上面要干甚么了。 :)
先能够看看Yahoo某年夜牛的办理计划:http://blog.360.yahoo.com/blog-ktYYK_s5fqJ2Hu1ryv2QSL0-?p=120。年夜牛就是年夜牛,XBL和JavaScript左右开弓。
然后,我的办理计划是,使用伪类:after增添省略号,再把它定位到右侧便可。效果有点粗拙,但简便了然,纯CSS完成。
详细历程不说了,看案例,有乐趣者看看源码,很简单了解的。
</p>
CSS的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。 |
|