javascript - 内容更改时重新居中 div

Question

我有一个位于屏幕中间的 div。我需要将一些文本传递给 div，文本的长度各不相同。问题是当我将文本传递给 div 时，它会改变大小但不会保持居中。这是一个 JSFiddle这说明了问题。

我目前这样将 div 居中:

position: absolute;
top: 50%;
left: 50%;

Answer 1

添加这一行:

#divError{
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);

http://jsfiddle.net/h0d097vp/3/