更改内容后如何保持相同的按钮大小？

Question

我有一个按钮，里面有一些文本，单击该按钮时，它是类SELECT t1.timestamp, t1.value, AVG(t2.value) avg_value2 FROM table1 LEFT JOIN table2 t2 ON t2.timestamp BETWEEN t1.timestamp - '1 hour'::interval AND t1.timestamp GROUP BY t1.timestamp, t1.value 的正在加载的微调器 显示时，问题在于微调器占用的空间少于文本，因此按钮的水平方向变小。 我希望加载微调器占用文本空间，以便在加载时按钮不调整大小。

我曾尝试在css文件中设置ellipsisLoader，但是在调整屏幕大小时，它的响应速度不那么快。

JS文件：

min-width

CSS文件：

            <div className="checkout">
              <br />
              <button disabled={this.state.disableSubmit} style={{ padding: "0% 10%" }} className="btn btn-primary" onClick={this.submit}>
                {!this.state.disableSubmit ? this.props.t('Update information')
              :
                (<div class="ellipsisLoader"> <div class="bounce1"></div> <div class="bounce2"></div> <div class="bounce3"></div> </div>)}
              </button>
            </div>
          </div>

我们非常感谢您的帮助！