文本溢出：省略号无法与文本对齐一起使用：Chrome/Safari 中的居中？

Question

为什么text-overflow: ellipsisFirefox 中的水平对齐方式与 Chrome 和 Safari 中的不同？

以下是一些显示我所指内容的图像：

我希望它如何显示（Firefox）：

text-overflow: ellipsistext-align: center在 Firefox 中应用：

我不希望它显示的方式（Chrome/Safari）：

text-overflow: ellipsistext-align: center在 Chrome/Safari 中应用：

似乎在 Chrome 和 Safari 中，文本对齐应用于文本，忽略省略号；而在 Firefox 中，它会环绕所有文本，包括省略号。

以下是我在 CSS 中为上面显示的 div 元素编写的内容：

.textblock {
  text-align: center;
  font-weight: normal;
  display: block;
  position: absolute;
  width: 100%;
  line-height: 1em;
  padding: 1em;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  overflow-x: hidden;
  white-space: nowrap;
}