html - 我怎样才能使跨度从它的另一侧增加宽度。

Question

我有一个跨度标签，里面有一个名字。当我更改名称时，我希望名称的末尾保持不变，而名称的开头移动。所以可以说我有一个名字 Eric 的跨度。

<span>Eric</span>

------Eric------

当我将名称更改为 Johnathan 时，C所在的位置现在是N所在的位置，并且名称的其余部分向后延伸。

<span>Johnathan</span>

-Johnathan------

它通常会像这样添加到另一边：

<span>Eric</span>

------Eric------


<span>Johnathan</span> 

------Johnathan-

score 2 · Accepted Answer

如果您的跨度的宽度大于文本，您可以简单地执行text-align: right，否则您可以float: right跨度使宽度从左侧增加。（这将起作用，但取决于您的其余布局）。

score 0 · Accepted Answer

span是一个inline元素，所以你不能改变它的width.

您可以使用div或将display样式更改span为“内联块”

<span style="display:inline-block; width:100px; text-align:right;">Eric</span>

2 回答 2