css - Bootstrap 按钮中的字间距

Question

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

.btn {
  word-spacing: 1px;
}

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

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

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

Answer 1

Twitter Bootstrap (bootstrap.css||bootstrap.min.css) 不设置字间距 在 .btn 元素上。

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

是的，只要您最后加载自己的样式表，或者您使用的选择器比当前设置规则的选择器更强大，您就可以覆盖 上的 word-spacing 属性.btns(没有“破坏”其他任何东西)。

您只是在更改按钮字母之间的间距。作为旁注，我建议使用 word-spacing: 0;，它将完全按照设计呈现字体，并具有适当的字距调整和连字。