jquery - 将元素放在进度条顶部另一个元素的右侧

Question

我正在用 jquery mobile 制作一个进度条。进度条顶部有一个指示，指示某事，并且该元素的位置已定义：

这是代码：

<div class="ui-slider ui-btn-down-c ui-btn-corner-all" style="border:none; margin:8px 0 0 0;">
<div class="ui-slider-bg ui-btn-active ui-btn-corner-all progressBarBackground " style="width: 0.56%; height:100%; padding:0; border:none">
</div>
<span style="left: 50%;display:block; position:absolute;top:-20px;font-size:12px;">
↓ Initial text (arrow don't move)
</span>
</div>

如何在指示文本之前添加文本而不更改初始文本的位置？

如果我在“ Append text”之前添加“ ↓ Initial text (arrow don't move)”，箭头将移动“”占用的空间Append text！

在此先感谢您的帮助

Answer 1

尝试使用span:before { content:"Append text"; }

只需确保要将文本附加到的跨度具有用于 CSS 引用的 id 或类。