页面载入中..

回到页首回到页尾

使用 CSS 控制需隐藏的文字

interjc [Development,Web]

2012.04.16

在一个限定了高宽的容器中放入文字,当文字超出时就会出现杯具,简单的控制使用 CSS 即可; 观察了一下,使用四大金刚即可使此文字超出时自动截去末尾,并加上省略号: .words{ width:200px; //限定宽度 white-space:nowrap; //强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 word-break:keep-all; //对于中文,韩文,日文,不允许字断开 text-overflow:ellipsis; //当对象内文本溢出时显示省略标记(…) overflow:hidden; //超出容器不显示 } 点击此处测试各个属性添加或不添加所造成的影响:http://jsfiddle.net/interjc/ZsvBL/


关于本Blog的页面载入效果

interjc [code,Web]

2010.01.01

Zed童鞋向我询问本站载入效果的做法,由于比较繁琐,遂写到Blog中来,一来是这样比QQ等手段更有条理性,二来可以保留下来提高重用率。 废话不多说,现在开始: 1.结果 本效果完成后的效果就是你在打开本站每一个页面的时候会出现一个半透明遮罩一个loading画面然后页面载入完以后遮罩消失的效果。 2.思路 这个半透明遮罩首先被载入,这样他才能在一开始就出现,他上面有一张图片和一段文字告诉浏览者这是在loading,而不是笔记本快没电了或者什么;然后,页面的DOM就Ready了,这个时候为了验证各种库(比如我所使用的jQuery)载入完毕,CSS也下载完了,我们使用jQuery语句来使这个遮罩层隐藏起来,这个时候这个效果就完成了。