有没有办法让文本从其跨度的最上边框开始?
在这里,您可以看到由于行高而有一点"填充"。有没有办法做到这一点?
.name {
display: inline-block;
line-height: 1.25;
font-size: 45px;
}
.firstname {
display: block;
background: #FFAACC;
margin-bottom: 5px;
}
<div>
<div class="ej ej1">
<span class="name">
<span class="firstname">Something Name</span>
<span class="username">
@somthig-name
</span>
</span>
</div>
</div>
不确定"由于行高而几乎没有"填充"是什么意思。这是我对这个难题的看法。
body {
margin:0;
padding:0;
}
.name {
margin-top:-0.9rem;
display: inline-block;
line-height: 1.25;
font-size: 45px;
}
.firstname {
display: block;
background: #FFAACC;
margin-bottom: 5px;
}
<div>
<div class="ej ej1">
<span class="name">
<span class="firstname">Something Name</span>
<span class="username">
@somthig-name
</span>
</span>
</div>
</div>
只有手动更改每个 html 标签的行高,才能实现您的要求。这正是您正在寻找的东西,我认为是这样..
.name {
display: inline-block;
line-height: 33px;
font-size: 45px;
}
.firstname {
display: block;
background: #FFAACC;
margin-bottom: 5px;
padding-bottom:10px;
margin-top:10px;
}
<body style="margin:0px;">
<div>
<div class="ej ej1">
<span class="name">
<span class="firstname">Something Name</span>
<span class="username">
@somthig-name
</span>
</span>
</div>
</div>
</body>
我相信
问题是<body>
的边距为 8px......试试这个
.name {
display: inline-block;
line-height: 1.25;
font-size: 45px;
}
.firstname {
display: block;
background: #FFAACC;
margin-bottom: 5px;
}
<body style="margin:0px;">
<div>
<div class="ej ej1">
<span class="name">
<span class="firstname">Something Name</span>
<span class="username">
@somthig-name
</span>
</span>
</div>
</div>
</body>