用javascript修復瀏覽器中頭痛問題的方法整理篇[譯]第1/4頁
如果你不了解其中的原由,請不用擔心,深入一下CSS的規(guī)則并且看一下 Using CSS to Fix Anything: 20+ Common Bugs and Fixes 這個文章.
如果上面那篇文章對你毫無幫助,你可以使用下面12個javascript解決方案的其中之一去修復你的問題,并使你的頁面看起來跨所有瀏覽器!
在本文中,我們將為你在web應用開發(fā)中遇到的最常見的CSS問題提供12個javascript解決方案.
你也許會對其它的CSS相關文章感興趣.
- Using CSS to Do Anything: 50+ Creative Examples and Tutorials
- Using CSS to Fix Anything: 20+ Common Bugs and Fixes
1. 設置等高
自從我們拋棄以表格為基礎的布局方式,創(chuàng)建視覺上等高的列或內容塊就成為了一個挑戰(zhàn).
jQuery有個插件可以設置同一個容器內的所有盒子模型的高度相等,而且還可以創(chuàng)建非常簡潔的網格--當然,額外的性能開銷也是微乎其微的.從可用性與性能的角度來看,使用一個簡單的javascript代替會更適合: equalHeights() 這個函數檢測同一個容器中所有兄弟節(jié)點元素的高度,然后設置每個元素的最小高度為這些元素中高度值最大的那個.
如何運作
equalHeights() 循環(huán)指定元素的頂層子節(jié)點,并設置它們的最小高度值為最高的節(jié)點的高度值.
1.2 使用jQuery設置等高列
另一個設置等高的jQuery插件
$("#col1, #col2").equalizeCols();
上面代碼設置#col1, #col2列等高
$("#col1, #col2").equalizeCols("p,p");
上面代碼會設置#col1,#col2等高,并把增加額外空間的元素添加到#col1和#col2下的p元素中去.
相關文章
這篇文章主要介紹了javascript 解決瀏覽器不支持的問題的相關資料,需要的朋友可以參考下2016-09-09
今天小編就為大家分享一篇使用layui的layer組件做彈出層的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了JavaScript?？际謱戭}中柯里化與數組扁平化、數組去重的實現,文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下2023-12-12
在傳統(tǒng)的身份驗證方案之上,雙重身份驗證（Double?Token）作為一?種增強型認證方法,逐漸成為現代前端應用中的關鍵技術,下面小編就來為大家詳細講講雙重身份驗證的實現與思路吧2025-02-02
這篇文章主要為大家介紹了javascript中的MVC模式，MVC是一種軟件架構模式，一般把軟件模式分為三部分，本文就針對MVC模式的三部分進行講解，感興趣的小伙伴們可以參考一下2016-01-01
大部分小程序都會有這樣的需求，頁面有長列表，需要下拉到底時請求后臺數據，一直渲染數據，當數據列表長時，會發(fā)現明顯的卡頓，頁面白屏閃頓現象，那么如何實現小程序虛擬列表，感興趣的可以了解一下2021-07-07
本文給大家介紹JS正則表達式比較常見用法，涉及到js正則表達式用法相關知識，感興趣的朋友一起學習吧2016-01-01
JavaScript事件概念詳解(區(qū)分靜態(tài)注冊和動態(tài)注冊)
這篇文章主要介紹了JavaScript事件(區(qū)分靜態(tài)注冊和動態(tài)注冊)的相關資料，幫助大家更好的理解和學習使用JavaScript，感興趣的朋友可以了解下2021-02-02
使用JavaScript實現網頁版Pongo設計思路及源代碼分享
Pongo是款很好玩的手欠類游戲，由于在玩的過程中發(fā)現了一些BUG，所以就打算自己也弄個，經過一番思索，就有了本文，主要說說實現這款游戲的設計思路以及分享源碼給大家2014-06-06
cloneNode實現表格增加刪除效果...2006-11-11