html - 让 span 不占用或使用空间，以便在 span 消失时关闭元素不移动

Question

抱歉，标题太复杂了。想不出更好的办法。

在网页上，我将文本居中，这是一个年份数字。还有一个展开/折叠功能，可以展开/折叠年份下方的文本。 [+] 符号用于扩展文本。 [+] 符号与年份在同一行。单击 [+] 时，符号会移动到扩展文本的末尾并变为 [-]。

在单击 [+] 符号并移动到末尾的确切时间，年份(即 2015)向右移动了一点为了占用 [+] 符号使用的一些空间。

我现在的问题是:是否有办法避免这种转变？换句话说，是否可以将 2015 [+] 向右移动，以便在单击 [+] 时 2015 不移动？

JSFiddle 的链接是 here .

Answer 1

更新 CSS

.more-link{
  position: absolute;
 }

这是工作 Demo