是什么导致这个div内的填充/空白？

Question

我希望红色边框紧贴蓝色文本（例如没有空格）。导致空白的原因是什么以及如何将其删除？

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

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

Answer 1

如果line-height:16px;与您的屏幕不兼容，请尝试调整像素。

Answer 2

line-height是造成它的原因。使其等于1，相对于font-size的100％，以便在font-size不同的情况下，您无需再次更改line-height。

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

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