CSS利潤率並不如預期

正如你所看到的，阿凡達的寬度寬於我想要的。我曾嘗試設置margin-right和width，但似乎都不起作用。

問題

如何減少列的寬度？

2017-04-19 Richard

這不是保證金，當你把它放在邊上時，保證金是有顏色的，它的實際尺寸導致.col類佔用100％，嘗試將.col-person-avatar設置爲固定（160.44 px在這個除非你需要它是百分比 .col-person-avatar {width = 160.44px; } – subkonstrukt

嗨subkonskrukt，謝謝。當我將寬度設置爲37px或更少時，它似乎崩潰了。這對我行得通。 – Richard

你所看到的是padding而不是margin。該元素沒有任何margin。您在瀏覽器上看到的綠色是padding。

.col.col-person-avtar { 
padding-right: 0; 
}

，如果你查見的代碼，col類已經有margin:0給出，因此不存在margin

如果還是不行，請嘗試給它!important;

.col-person-avtar { 
padding-right: 0 !important; 
}

而猶若這不符合您的要求嘗試下面的代碼。

.col-person-avtar { 
width: calc(100% - 15px) !important; 
}

這15px可以改變你想要的任何值，嘗試修改它，直到你得到所需的輸出。

來源

2017-04-19 09:59:51

謝謝Deepak，但不幸的是'padding-right：0;'沒有效果。 – Richard

你試過給它「重要」嗎？比如'padding-right：0！important;'？ –

@Richard更新了我對多種可能解決方案的回答。 –

更換

.col-person-avatar { 
    padding-top: 0px; 
    margin-right: 0px; 
}

要

.col-person-avatar { 
    padding-top: 0px; 
    margin-right: 0px !important; 
}

這裏，！重要將覆蓋現有的類是可用的地方在您的項目。謝謝！

來源

2017-04-19 10:04:26

如果它是藍色區域的多餘空間要刪除，那麼你將不得不減少寬度的前面的div或刪除寬度：100％從.col應該做的伎倆。

如果要刪除綠色區域中的空間，請刪除填充。 :)

來源

2017-04-19 10:19:50

CSS利潤率並不如預期

回答

相關問題