【问题标题】:CSS / Javascript Spinner align text middleCSS / Javascript Spinner 对齐文本中间
【发布时间】:2026-01-23 21:45:02
【问题描述】:

我按照如何添加微调器的指南进行操作,可以在此处找到:

http://blog.tkglaser.net/2012/02/waiting-spinner-for-long-running-form.html

在电脑上一切都很好,但是当我在手持设备上时,文本(搜索东西..)不会停留在中间,(微调器会)。

文本的 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;
}

为什么在电脑上上网而不是在移动设备上上网时中心很好?

谢谢.. //css菜鸟

【问题讨论】:

  • 尝试行高而不是垂直对齐并将line-height设置为加载微调器的高度

标签: javascript css spinner


【解决方案1】:

我注意到包含微调器的父 div 有 position:fixed;所以不要使用 vertical-align: middle;我用过:

位置:固定;

顶部:50%;

还有一些填充物来降低它。

【讨论】: