我有一個簡單的網格，其中包含 2 列帶邊框和兩列
HTML：
<div class="totalContainer totalContainer__space" *ngIf="selectedMenuItem === menu[3]">
<div class="totalContainer__text">
<label><strong>Annual</strong> Test Test </label>
</div>
<div class="totalContainer__text totalContainer__result">
<label><strong>80</strong></label>
</div>
</div>
社會保障：
.totalContainer {
display: grid;
grid-template-columns: 2fr 1fr;
margin-top: 30px;
border: 1px solid rgba(72, 82, 93, 0.8);
border-radius: 12px;
box-sizing: border-box;
&__row {
background-color: #E5E5E5;
}
&__space {
padding: 10px 0 10px 140px;
}
&__text {
font-size: 13px;
}
&__result {
text-align: right;
}
}
uj5u.com熱心網友回復：
使用 margin-left 而不是 padding：
&__space {
padding: 10px 0 10px 10px;
margin-left: 140px;
}
uj5u.com熱心網友回復：
我認為你在這里錯過了大局。
在 CSS 中組成一個塊框，我們有：
內容框：顯示內容的區域，可以使用寬度和高度等屬性調整大小。填充框：填充作為空白位于內容周圍；它的大小可以使用填充和相關屬性來控制。
邊框框：邊框框包裹內容和任何填充。可以使用邊框和相關屬性控制其大小和樣式。
邊距框：邊距是最外層，將內容、內邊距和邊框包裹起來作為此框與其他元素之間的空白。它的大小可以使用邊距和相關屬性來控制。
所以簡而言之，邊框包括填充（它包裝內容以及填充），而邊距位于它的外面（推動包含邊框和填充的內容）。我會建議檢查框模型檔案。
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/330111.html