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

标签 html css

我有一个 span 标签,里面有一个名字。当我更改名称时,我希望名称的末尾保留在同一个位置,而名称的开头移动。假设我有一个名为 Eric 的 span。

<span>Eric</span>

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

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

<span>Johnathan</span>

-Johnathan------

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

<span>Eric</span>

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


<span>Johnathan</span> 

------Johnathan-    

最佳答案

如果你的 span 的宽度大于文本,你可以简单地执行 text-align: right,否则你可以 float: right span,这样宽度从左边。 (这会起作用,但取决于您其余的布局)。

关于html - 我怎样才能使跨度从它的另一侧增加宽度。,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19648853/

相关文章:

php - Drupal 自定义主题缺少 CSS

javascript - jquery 空格键热键

JQuery 检查 DIV 内容更改

html - 1px 宽的斜条纹

html - 不涉及对话窗口的模式

javascript - If/Else 和 typeof 问题

javascript - 我无法弄清楚为什么弹出窗口会在出现错误或发送时消失并重新出现

javascript - 如何制作拖动条来改变垂直高度?

css - 输入[类型="text"]:disabled not working for IE

javascript - Material UI Autocomplete Chip 多线