0

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

我尝试添加左边距、右边距、文本中心。但没有帮助。
是否可以将文本居中?

<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/

4

5 回答 5

1

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

于 2013-11-04T13:00:05.940 回答
1

您在按钮上的填充太大(水平 16 像素)。尝试将填充更改为10px或更少。

jsFiddle

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

于 2013-11-04T13:04:01.257 回答
0

尝试删除

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>
于 2013-11-04T13:00:13.267 回答
0

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

于 2013-11-04T13:01:39.737 回答
0

检查jsfiddle,你应该删除 margin-left:auto,margin-right:auto 内联代码

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

于 2013-11-04T13:06:31.297 回答