Question

我在页面上使用按钮，默认情况下字间距太大。

.btn {
  word-spacing: 1px;
}

使用负字间距是否正确？它似乎可以解决问题。

.btn {
  word-spacing: -8px;
}

默认它有这么大的间距有点奇怪，但也许这只是一个偏好问题。

Answer 1

Twitter Bootstrap（bootstrap.css || bootstrap.min.css）在word-spacing元素上不设置.btn。

检查元素并查看添加该规则的样式表，因为我可以向您保证它不是默认bootstrap.css（从v3.3.6开始）。您要么使用修改后的（非标准）Twitter Bootstrap版本，要么在其上加载不同的主题/框架。

是的，只要您最后加载自己的样式表，或者您使用的选择器比当前设置规则的选择器更强，您可以覆盖word-spacing上的.btn属性s（whithout＆＃34;打破＆＃34;其他任何东西）。

您只是更改按钮字母之间的空格。作为旁注，我建议使用word-spacing: 0;，它将使用正确的字距调整和连字，使字体与设计完全一致。

Answer 2

在引导程序按钮内有与glyphicons相同的问题。我的问题是我忘了关闭glyphicon跨度。之后它显示正常。

错误的例子：

<button type="button" class="btn btn-default">
  <span class="glyphicon glyphicon-envelope">
  Text with spaces
</button>

工作示例：

<button type="button" class="btn btn-default">
  <span class="glyphicon glyphicon-envelope"></span>
  Text with spaces
</button>