实现lightBox时的样式与行为分离减少JS第1/2页
问题描述：
本教程旨在实现lightBox时的样式与行为分离，减少JS在各方面（全屏遮蔽、ie6中遮蔽select、双向居中、高度自适应内容等）的工作。
答
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
2. 单行居中，多行居左的方法（看demo吧，表述能力有限）：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
3. 使用inline-block实现未知高度垂直居中的方法（看图和demo吧，表述能力有限）：
图示：
代码演示：
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
存在的两个细节性问题：
大家可以看到完整demo中并未出现font-size:0;，而在垂直居中法中却出现了。
因为font-size:0在完整demo中，将使firefox3.5中读者完整阅读时lightBox的鼠标滚轮失效，原因不详，这一点大家可以作情处理。
maxHeight这东西只能放在lightBoxContent的后面，因为在opera9.6中会出现bug，囧。