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

Question

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

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

我希望如何显示（Firefox）：

在Firefox中应用text-overflow: ellipsis的

text-align: center：

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

在Chrome / Safari中应用了text-overflow: ellipsis的

text-align: center：

似乎在Chrome和Safari中，text-align正在应用于文本，而忽略了省略号;而在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;
}