Question

有一个span好位置（以％为单位），我必须先设置一个文本，然后再设置一个文本。该职位仅为span定义。

这是已定位的范围：

<span style="left: 50%;display:block;position:absolute;top:-20px;font-size:12px;">↓</span>

实际上，↓位于进度条之前以指示一个值，因此50％表示进度条的中间位置。

所以要添加文本，我试着去做但不起作用：

<span style="display:inline;position:absolute;top:-20px;font-size:12px;">Before</span>
<span style="left: 50%;display:inline;position:absolute;top:-20px;font-size:12px;">↓</span>
<span style="display:inline-block;position:absolute;top:-20px;font-size:12px;">After</span>

该应用程序使用多种语言，因此使用“之前”和“之后”的文字可以更改，所以我们不能说好，“之前文本”需要10px所以我们会贴上它......

箭头必须保持准确到位！

先谢谢你帮助我： - ）

Answer 1

you could try something of the sort, just try to style it as your choice
<style>
 #container{ width:300px; position:relative; height:30px;}
 label{float:left;}
 #1 { width:5%;}
 #2 {width:10%; position:absolute; left:50%;}
</style>

<div id="container">
<div>
<label id="1">befoure</label ><label id="2">arrow</label><label id="3">After</label>
</div>
</div>

在另一个跨度之前和之后设置跨度位置

1 个答案: