jQuery性能优化实践

Gavin [Web前端技术, 默认分类]

2010.10.31

代码优化分多个方面,而性能是主要的优化目标。本文将从对象缓存、DOM操作等14个方面讲解如何优化jQuery代码的执行效率,从而总体提升代码性能。


大小不固定的图片和多行文字的垂直水平居中

Gavin [Web前端技术, 默认分类]

2010.10.13

大小不固定的图片和多行文字的垂直水平居中

一、大小不固定,多行文字的垂直居中
① 单行文字
可能很多人都知道如何让单行文字垂直居中显示,就是使用line-height,将line-height值与外部标签盒子的高度值设置成一致就可以了。例如:
单行文字居中显示测试,css样式为:height:3em; line-height:3em;……
② 多行文字
但是对于外框高度固定,文字大小个数不固定的多行文字呢?
文字可能一行显示,也有可能多行显示;文字可能是小号字体,也有可能是大号的。这时候如何让其垂直居中显示呢?看下面!
这里的文字用来做多行文字垂直居中对齐的测试。
这是第二行文字,您还可以再添加一行文字做测试!
这是隐藏的第三行文字,注意到文字的变化没,依旧垂直居中。

详见:http://xurl.cn/bhfqf