<分区>
如何使 hr 元素像我在代码片段中那样内联，但没有 absolute 定位并且没有 hr 交叉文本？
div {
position: relative;
}
hr {
position: absolute;
top: 0.125rem;
left: 0;
right: 0;
}<div>
Hello, World? <hr>
</div><分区>
如何使 hr 元素像我在代码片段中那样内联，但没有 absolute 定位并且没有 hr 交叉文本？
div {
position: relative;
}
hr {
position: absolute;
top: 0.125rem;
left: 0;
right: 0;
}<div>
Hello, World? <hr>
</div>最佳答案
您可以在父级上使用 display flex，然后让 hr flex grow 使其填充该行的其余部分:
div { display:flex; }
hr {
flex-grow:1;
margin-left:10px; /* gap on left */
}<div>
<span>Hello, World?</span> <hr>
</div>关于html - 行内横线，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/56344939/