什麼導致這個div內的填充/空白？

我希望紅色邊框在藍色文字周圍緊繃（例如，沒有空格）。什麼是造成空白，我如何刪除它？什麼導致這個div內的填充/空白？

#propertyDetails .display_address { 
 
\t font-size: 1.75rem; 
 
\t font-weight: bold; 
 
\t color: #3498db; 
 
\t margin:0px; 
 
\t padding:0px; 
 
\t border: 1px solid red; 
 
}

<div id="propertyDetails"> 
 
<div class="display_address">Test Address</div> 
 
</div>

來源

2015-12-13 Michael LB

要調整寬度是多少？或從頂部行和底部行刪除空白？ –

@ Nasco.Chachev - 我想從頂部和底部刪除空格 –

我沒有看到任何空格，至少在文本的左側，這通常是由您的margin + padding屬性解決的。其餘的，你的意思是你不想在文本下面和下面留下空間？然後它取決於'行高'。甚至在文本的右側？那麼你應該使用'float：left;'，但它對整個上下文有影響...... – cFreed

嘗試line-height:16px;如果這不是你的屏幕兼容，調整的像素。

來源

2015-12-13 13:31:13

設置行高工作，謝謝。 –

line-height是什麼導致它。使其等於1，這相對於font-size的相對100％，因此如果出現不同的font-size，則不需要再次更改line-height。

#propertyDetails .display_address { 
 
\t font-size: 1.75rem; 
 
\t font-weight: bold; 
 
\t line-height: 1; 
 
\t color: #3498db; 
 
\t margin:0px; 
 
\t padding:0px; 
 
\t border: 1px solid red; 
 
}

<div id="propertyDetails"> 
 
<div class="display_address">Test Address</div> 
 
</div>

來源

2015-12-13 13:33:11

什麼導致這個div內的填充/空白？

回答

相關問題