CSS/Javascript微调器对齐文本中间

我遵循了关于如何添加微调器的指南，可以在这里找到：

在pc上一切都很好，但当我在手持设备上时，文本（搜索内容…）不会停留在中间（微调器会）

文本的Css:

#loadingspinner {
    cursor: default;
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: center;
    font-size: larger;
    padding-top: 80px;
    user-select: none;
    color: black;
}

为什么在pc上冲浪而不是在移动设备上冲浪时它会很好

谢谢。。

---

//cssnoob

我注意到包含微调器的父div的位置是：fixed；因此，不要使用垂直对齐：中间对齐；我用过：

位置：固定

最高：50%

---

和一些填充物使其向下倾斜。

尝试“线高度”而不是“垂直对齐”，并将

线高度设置为加载微调器的高度