给大家带来网页计划使用:利用CSS截字
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的极大优势表现在简洁的代码,对于一个大型网站来说,可以节省大量带宽,而且众所周知,搜索引擎喜欢清洁的代码。 滚动条)层属性--溢出(visible/hidden/scroll/auto) 所见则所得网页编辑器的优点就是直观性,使用方便,容易上手. Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。 时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上 Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。 还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。 是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
页:
[1]