gpt4 book ai didi

html - 将微调器置于按钮中心

转载 作者:太空宇宙 更新时间:2023-11-04 11:45:48 25 4
gpt4 key购买 nike

我正在尝试将微调器置于按钮的中央。微调器将在系统获得响应时出现。我已经更改了边距和填充,并且在我检查元素时会显示更改,但它只是在底部添加了边距和填充,而没有在按钮内进一步向上移动微调器。

这是我的 Jade :

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;
}

微调器元素在按钮元素内创建一个 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>

最佳答案

您不能使用 text-align: center; 将 block 元素(如 DIV)居中 设置微调器 div 的宽度,然后添加 margin: auto;分区

此外,您的 HTML 格式不正确。检查按钮元素中的 (all the stuff here)

<!DOCTYPE html>
<head>
<style type="text/css">
#button_element {
width: 100px;
}
#button_element .font-awesome-spinner {
width: 50px;
margin: auto;
}
</stlye>
</head>
<body>
<button id="button_element">
<div class="font-awesome-spinner ng-isolate-scope" ng-show="submitDelete">
<i class="fa fa-circle-o-notch fa-spin"></i>
</div>
</button>
</body>
</html>

关于html - 将微调器置于按钮中心,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31013010/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com