如何在Chrome中刪除引導程序填充

我試圖在頁面中居中放置一個div，水平地垂直放置&。這是成功的，但有一些左右填充，在鉻。如何刪除這個。在Firefox中運行良好。如何在Chrome中刪除引導程序填充

MyStyle.css：

html, body 
{ 
    height:100%; 
    margin:0; 
    padding:0; 
} 

.container-fluid{ 
    height:100%; 
    display:table; 
    width: 100%; 
    padding:0; 
} 

.row-fluid 
{ 
    height: 100%; 
    display:table-cell; 
    vertical-align: middle; 
} 

.centering { 
    float:none; 
    margin:0 auto; 
} 

// bootstrap css for .container-fluid 
{ 
    padding-right: 15px; 
    padding-left: 15px; 
    margin-right: auto; 
    margin-left: auto; 
}

HTML：

<div class="container-fluid"> 
     <div class="row-fluid" style="background-color: blue"> 
      <div class="centering text-center col-lg-1" 
       style="background-color: green"> 
       Yeah I'm centered 
      </div> 
     </div> 
    </div>

藍色未填滿Chrome的頁面，有填充向右&左側。

來源

2014-06-13 Ruby

一對夫婦的修改，但我得到了它的工作最後...看下面的 – Dan

好吧我想通了。有一個稱爲內容的僞元素被添加到CSS中引起此問題。隨着css: how to remove pseudo elements (after, before, ...)的幫助下，我找到了一個解決方案，將它添加到您的CSS：

.container-fluid:before{ 
    content:none; 
} 

.container-fluid:after{ 
    content:none; 
}

，改變你的定心類：

.centering { 
    float:none; 
    margin:0 auto; 
    padding-left:0px; 
    padding-right:0px; 
}

Bootply Demo

來源

2014-06-13 18:24:52 Dan

，刪除綠色塊中的填充。藍色必須填滿頁面，但頁面右側有填充。向正文{}添加左側右側填充6px。多數民衆贊成在它看起來現在 – Ruby

好吧我找到了解決方案，更新了我的回答 – Dan

這工作。但是我也必須添加一個類似'before'的類來刪除左側的填充。非常感謝。 – Ruby

如何在Chrome中刪除引導程序填充

回答

相關問題