Question

我知道将text-center添加到div类就足以使一组按钮居中。但在我的情况下，我需要将文本置于按钮内。

我尝试添加margin-left，margin-right，text-center。但没有帮助是否可以将文本居中？

<div id="mydiv">
    <a href="#" class="btn btn-warning btn-lg text-center"
        style="width:48px;margin-left:auto;margin-right:auto;">Ad</a>
    ...
    ...
</div>

小提琴：http://jsfiddle.net/mavent/YXrRT/3/

Answer 1

添加padding-left:0; padding-right:0

Answer 2

按钮上的填充太大（水平16px）。尝试将填充更改为10px或更少。

jsFiddle

此外，您应该考虑使用CSS类而不是style属性来避免重复。

Answer 3

尝试删除

margin-left:auto;margin-right:auto;

来自

<a href="#" class="btn btn-warning btn-lg text-center" style="width:48px;margin-left:auto;margin-right:auto;">Pp</a>

Answer 4

不要给任何自定义的CSS（如宽度和边距）删除它们，它会起作用。您使用Bootstrap，因此您不必使用按钮的自定义样式

Answer 5

检查jsfiddle，你应该删除margin-left：auto，margin-right：auto inline code

http://jsfiddle.net/YXrRT/6/

Twitter Bootstrap居中按钮文本

5 个答案: