2. 單行居中,多行居左的方法(看demo吧,表述能力有限):
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
3. 使用inline-block實(shí)現(xiàn)未知高度垂直居中的方法(看圖和demo吧,表述能力有限):
圖示:
代碼演示:
運(yùn)行代碼框
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運(yùn)行]
存在的兩個(gè)細(xì)節(jié)性問題:
- 大家可以看到完整demo中并未出現(xiàn)font-size:0;,而在垂直居中法中卻出現(xiàn)了。
因?yàn)閒ont-size:0在完整demo中,將使firefox3.5中讀者完整閱讀時(shí)lightBox的鼠標(biāo)滾輪失效,原因不詳,這一點(diǎn)大家可以作情處理。
- maxHeight這東西只能放在lightBoxContent的后面,因?yàn)樵趏pera9.6中會(huì)出現(xiàn)bug,囧。
經(jīng)典論壇交流: http://bbs.blueidea.com/thread-2941022-1-1.html
本文鏈接:http://www.95time.cn/tech/web/2009/6909.asp
出處:藍(lán)色理想
責(zé)任編輯:bluehearts
上一頁 全屏屏蔽且自動(dòng)居中的lightBox [1] 下一頁
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論,我還想發(fā)表評論。
|