我希望红色边框紧贴蓝色文本(例如没有空格)。导致空白的原因是什么以及如何将其删除?
#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>
答案 0 :(得分:2)
如果line-height:16px;
与您的屏幕不兼容,请尝试调整像素。
答案 1 :(得分:1)
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>