Question

我试图将一个微调器放在一个按钮中。在系统获得响应时，将显示微调器。我更改了边距和填充，当我检查元素时更改显示，但它只是在底部添加边距和填充而不在按钮内进一步向上移动微调器。

这是我的玉：

div.form-group
    div.col-sm-4
        button.form-control.btn.btn-success.strong-button(type='submit' ng-model='pressed' ng-disabled="pressed") Delete
            spinner(ng-show="submitDelete")

微调器的css是

.font-awesome-spinner{
    width: 100%;
    text-align: center;
}

spinner元素在button元素中创建一个div（看起来像是从页面源获取）

<button (all the stuff here)>
     <div class="font-awesome-spinner ng-isolate-scope" ng-show="submitDelete">
          <i class="fa fa-circle-o-notch fa-spin"
               ::before
          </i>
     </div>
</button>

Answer 1

您不能将像DIV这样的块元素居中vutil -e设置微调器div的宽度，然后将text-align: center;添加到微调器div。

此外，您的HTML格式错误。检查按钮元素中的margin: auto;。

(all the stuff here)

将一个微调器放在一个按钮中

1 个答案: