實現(xiàn)lightBox時的樣式與行為分離減少JS
2. 單行居中,多行居左的方法(看demo吧,表述能力有限):
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
3. 使用inline-block實現(xiàn)未知高度垂直居中的方法(看圖和demo吧,表述能力有限):
圖示:
代碼演示:
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁面才能執(zhí)行]
存在的兩個細節(jié)性問題:
大家可以看到完整demo中并未出現(xiàn)font-size:0;,而在垂直居中法中卻出現(xiàn)了。
因為font-size:0在完整demo中,將使firefox3.5中讀者完整閱讀時lightBox的鼠標滾輪失效,原因不詳,這一點大家可以作情處理。
maxHeight這東西只能放在lightBoxContent的后面,因為在opera9.6中會出現(xiàn)bug,囧。
相關文章
JavaScript中數(shù)據(jù)結構與算法(三):鏈表
這篇文章主要介紹了JavaScript中數(shù)據(jù)結構與算法(三):鏈表,本文分別講解了單鏈表與雙鏈表以及增加節(jié)和刪除節(jié)的代碼實例,需要的朋友可以參考下2015-06-06JavaScript中的console.group()函數(shù)詳細介紹
這篇文章主要介紹了JavaScript中的console.group()函數(shù)詳細介紹,當程序調試日志過多時會有些雜亂,此時可以使用console.group()函數(shù)調來分組顯示,需要的朋友可以參考下2014-12-12