用javascript修復(fù)瀏覽器中頭痛問題的方法整理篇[譯]第1/4頁
如果你不了解其中的原由,請不用擔(dān)心,深入一下CSS的規(guī)則并且看一下 Using CSS to Fix Anything: 20+ Common Bugs and Fixes 這個文章.
如果上面那篇文章對你毫無幫助,你可以使用下面12個javascript解決方案的其中之一去修復(fù)你的問題,并使你的頁面看起來跨所有瀏覽器!
在本文中,我們將為你在web應(yīng)用開發(fā)中遇到的最常見的CSS問題提供12個javascript解決方案.
你也許會對其它的CSS相關(guān)文章感興趣.
- Using CSS to Do Anything: 50+ Creative Examples and Tutorials
- Using CSS to Fix Anything: 20+ Common Bugs and Fixes
1. 設(shè)置等高
自從我們拋棄以表格為基礎(chǔ)的布局方式,創(chuàng)建視覺上等高的列或內(nèi)容塊就成為了一個挑戰(zhàn).
jQuery有個插件可以設(shè)置同一個容器內(nèi)的所有盒子模型的高度相等,而且還可以創(chuàng)建非常簡潔的網(wǎng)格--當(dāng)然,額外的性能開銷也是微乎其微的.從可用性與性能的角度來看,使用一個簡單的javascript代替會更適合: equalHeights() 這個函數(shù)檢測同一個容器中所有兄弟節(jié)點(diǎn)元素的高度,然后設(shè)置每個元素的最小高度為這些元素中高度值最大的那個.
如何運(yùn)作
equalHeights() 循環(huán)指定元素的頂層子節(jié)點(diǎn),并設(shè)置它們的最小高度值為最高的節(jié)點(diǎn)的高度值.
另一個設(shè)置等高的jQuery插件
$("#col1, #col2").equalizeCols();
上面代碼設(shè)置#col1, #col2列等高
$("#col1, #col2").equalizeCols("p,p");
上面代碼會設(shè)置#col1,#col2等高,并把增加額外空間的元素添加到#col1和#col2下的p元素中去.
相關(guān)文章
javascript 原型與原型鏈的理解及應(yīng)用實(shí)例分析
這篇文章主要介紹了javascript 原型與原型鏈的理解及應(yīng)用,結(jié)合實(shí)例形式分析了javascript原型與原型鏈的具體原理、功能、使用方法及操作注意事項(xiàng),需要的朋友可以參考下2020-02-02
這篇文章主要介紹了五種JavaScript判斷是否為整數(shù)類型方式，需要的朋友可以參考下2015-12-12
BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù)
這篇文章主要介紹了BOOTSTRAP時間控件顯示在模態(tài)框下面的bug修復(fù),需要的朋友可以參考下2015-02-02
5個你不知道的JavaScript字符串處理庫(小結(jié))
這篇文章主要介紹了5個你不知道的JavaScript字符串處理庫，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-06-06
3級省地市級聯(lián)菜單，ie/ff 測試通過，支持多個并存，支持事件2010-02-02
創(chuàng)建echart多個聯(lián)動的示例代碼
這篇文章主要介紹了創(chuàng)建echart多個聯(lián)動的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
這篇文章主要為大家介紹如何有效的處理Promise并發(fā)示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
JS 循環(huán)li添加點(diǎn)擊事件 （閉包的應(yīng)用）
這篇文章主要介紹了js循環(huán)li添加點(diǎn)擊事件 （閉包的應(yīng)用）的相關(guān)資料,非常不錯，具有參考借鑒價(jià)值，需要的朋友可以參考下2016-12-12
昨天看了妙味課堂的 分頁視頻教程，今天自己參照其思路，自己寫了下，并且自己新增了一個顯示頁碼個數(shù)的屬性 showPageNum2012-09-09
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)滑動刪除，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2022-08-08