IE 11與Chrome 34中的邊界間距Twitter Bootstrap .row css類

IE 11對引導程序使用的clearfix應用邊界間距不同（看起來像Nicolas Gallagher Micro Clearfix http://nicolasgallagher.com/micro-clearfix-hack/）。看來，如果在clearfix中有一個單獨的空間作爲內容，那麼IE不會應用邊界間距（如果內容設置爲邊界間距工作的某種文本）。IE 11與Chrome 34中的邊界間距Twitter Bootstrap .row css類

<div style="border-spacing:0 20px"> 
    <div class="row"> 
     <div class="col-lg-12"> 
      test 
     </div> 
    </div> 
    <div class="row"> 
     <div class="col-lg-12"> 
      test 
     </div> 
    </div> 
</div>

我正在尋找一種很好的方式來使IE瀏覽器的行爲符合Chrome瀏覽器。

另外，我不是一個CSS傢伙，所以任何關於我對所發生事情的理解的差異或糾正的解釋都會是一個優點。 IE或Chrome在處理這種特殊情況下的邊界間距方面是否正確？

這裏是一個小提琴，顯示問題，http://jsfiddle.net/F2EXZ/1/ IE11幾乎沒有間距的行之間，鉻34顯然更多。

來源

2014-04-17 Kenneth Ito

現在結束了本地化修復。只是我網站上單個頁面的一小部分需要邊框間距才能在引導程序中正常工作。希望在這裏出現更好的東西，我現在不會回答這個問題。

.test .row::before, .test .row::after { 
    display:table-row; 
}

http://jsfiddle.net/F2EXZ/3/

來源

2014-04-23 19:03:07

IE 11與Chrome 34中的邊界間距Twitter Bootstrap .row css類

回答

相關問題