Html 如何在bootstrap 4按钮中垂直居中文本？

我试着用谷歌搜索这个问题，但还没有找到答案。我正在处理一组页面控件，我在使文本在按钮内垂直居中时遇到问题

以下是我迄今为止的html：

<div class="row input-group align-items-center justify-content-center" data-bind="visible: pageCount > 1">
  <button class="btn btn-sm mx-1" data-bind="click: gotoPage.bind($data, 0)">&laquo;</button>
  <button class="btn btn-sm mx-1" data-bind="click: gotoPage.bind($data, page() - 1)">&lsaquo;</button>
  <div class="ml-1" style="width:4rem">
    <input class="text-right form-control form-control-sm" type="number" data-bind="value: page" />
  </div>
  <span class="mx-1" data-bind="text: ' / ' + (pageCount) "></span>
  <button class="align-middle btn btn-sm mx-1" data-bind="click: gotoPage.bind($data, page() + 1)">&rsaquo;</button>
  <button class="btn btn-sm mx-1" data-bind="click: gotoPage.bind($data, pageCount)">&raquo;</button>
</div>

&拉阔；
&伊萨库；
&rsaquo；
&拉阔；

这些

数据绑定

attr是我的淘汰绑定供参考

以下是使用Chrome渲染的内容：

---

如您所见，Guillemet略低于按钮的垂直中心。我已经尝试将我能想到的所有引导垂直对齐类（

align items center

，

align middle

，

text center

，等等）应用到父div和按钮，但到目前为止没有成功。

问题在于HTML实体。它在默认情况下有空间。参见下面的示例

.btn span{
边框：1px纯红；
}

使用Html实体
&拉阔；
没有Html实体
A.
HTML实体中存在一个问题。它在默认情况下有空间。参见下面的示例


.btn span{
边框：1px纯红；
}

使用Html实体
&拉阔；
没有Html实体
A.
a
我用bootstrap-4 cdn创建了一个精确的代码片段，它看起来不错，下面是代码片段


我用bootstrap-4 cdn创建了一个精确的代码片段，它看起来不错，下面是代码片段



我刚刚尝试了你建议的两种方法，但都没有效果。你建议用什么标签替换按钮？我会为你做演示。等一段时间嘿@tom问题在你的HTML实体中。它在itI中默认有空间，我不认为这是问题所在。使用大写字母“a”这样的高字符只会掩盖问题。如果你用小写字母“a”运行上面的代码段，你会发现它没有居中。是的，这取决于字符线的高度。我刚刚尝试了你建议的两种方法，但都没有效果。你建议用什么标签替换按钮？我会为你做演示。等一段时间嘿@tom问题在你的HTML实体中。它在itI中默认有空间，我不认为这是问题所在。使用大写字母“a”这样的高字符只会掩盖问题。如果使用小写字母“a”运行上述代码段，你会看到它不是居中的。是的，它取决于人物线条height@Tegito123
.text center
应用于父div或按钮时似乎没有任何效果。@Tegito123
.text center
应用于父div或按钮时似乎没有任何效果。按钮中的字符在我看来，不要垂直居中。@Tom检查这个更新的代码段，添加了很棒的字体，以便您可以自定义看起来不错的大小，我感谢您的帮助，但它并没有真正回答我关于如何垂直居中我拥有的字符的问题。我不想为了这件小事就导入所有的字体。我完全理解，问题在于你的ascii字符的大小。一种解决方案是将它们放在span中并扩展span类。但是这个解决方案同样需要大量的浏览器支持优化。按钮中的字符在我看来不是垂直居中的。@Tom检查这个更新的代码段，添加了很棒的字体，这样你就可以自定义看起来不错的大小，我感谢你的帮助，但它并没有真正回答我关于如何垂直居中我的字符的问题。我不想为了这件小事就导入所有的字体。我完全理解，问题在于你的ascii字符的大小。一种解决方案是将它们放在span中并扩展span类。但这个解决方案同样需要大量的浏览器支持优化。