Question

再次感谢能够帮助我解决这个看似简单问题的人！我无法弄明白我的生活。我正在创建一个包含两个区域的注册页面。我希望这些输入区域与在检查数据库时出现的图标内联。

我有一切设置，我认为我的HTML是正确的。我创建了一个包含输入框和我从互联网上获得的whirly加载器的行。唯一的问题是当我运行它时，whirly加载器太大而且不完全与输入框一致。

这是我的HTML：

<div class="row">
    <div class="col-xs-10">
    <input type="text" class="form-control" id="usernameOrEmail" placeholder="Shattr Username or Email">
        <label id = "usernameLabel"></label>
    </div>

        <div class="col-xs-2">  


            <div class="whirly-loader" id="usernameSpinner" style="display: none;">Loading...</div> 

    </div>
</div>

然后我进去指向＆＃34; whirly-loader＆＃34;但是无论我将宽度和高度设置为什么都没有变化。这可能是一个太奇怪的问题，但如果有人有任何建议会很棒。这是我的css：

 .whirly-loader{

 height:10%;
 width:10%;

  }

Answer 1

您的动画图标是否设为whirly-loader选择器的背景？如果是，则只需添加background-size: cover，它应符合定义的高度和宽度。

顺便说一句。总是粘贴你的小提琴。它更容易提供帮助。

控制旋转加载图标的大小

1 个答案: