html - 带 "dot dot dot"动画的居中可变宽度文本

Question

http://pastebin.com/index/9M2rA8cx那有我所有的代码。

您会注意到这两个 div 在 large.css 中居中。但是，文本在每个“。”之后重新居中。被申请;被应用。如果我将 span id="wait"放在居中的 div 之外，它将显示在左上角。我不需要精确居中，但我不能使用绝对位置来居中，因为文本会发生变化。

有没有办法将“...”附加到已经居中的文本而不需要重新居中？

谢谢!

Answer 1

你不能只对 wait span 应用固定宽度的样式吗，例如:

span.wait{
    display: inline-block;
    width: 20px;
}