javascript - 如何使用 html css 和 javascript 在图标和文本的两侧添加线条？

Question

我正在尝试获取图标(顶部)和文本(底部)两侧的线条，并动态调整到我的元素的宽度？

Answer 1

试试像 this 这样的东西

我创建了一个带有边框和内部两个文本元素的 div

<div class="text-container">
    <span class="top-text">Top Text"</span>
    <span class="bottom-text">Bottom Text</span>
</div>

我将文本元素定位为相对于父 div 的绝对位置，并在它们上面使用背景来覆盖边框。