我是否需要在按钮CSS中指定text-align：center？

Question

我看到一些框架在做这个，但在我看来它是默认的。有没有人有任何除默认之外的任何经验，或者他们知道为什么指定它？

Answer 1

大多数框架都允许您将按钮类设置为仅适用于按钮元素，而是设置其他元素，例如a，div，span等。

下面通过使用bootstrap btn类名^{（ 1 ）}

来说明它

JS Fiddle

＆＃13;

＆＃13;

.btn{ margin:5px; }

＆＃13;

<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<div class="btn btn-primary">This is a div</div><hr>
<a class="btn btn-success"> this is an anchor</a><hr>
<button class="btn btn-warning">Finally, a button</button>

＆＃13;

＆＃13;

＆＃13;

^{（ 1 ）} Foundation button班级和Pure.css pure-button班级同样如此。