Html 是否有任何内置方法可以将文本与引导中的右对齐按钮垂直对齐

当您“向右拉”按钮时，是否有简单的非黑客方式将列表组项目内的文本与按钮中的文本垂直对齐

这适用于面板标题，几乎任何你想有一个按钮与文本内联，但右对齐

例如：

“项目”文本高于按钮文本

<ul class="list-group">
  <li href="#" class="list-group-item clearfix">
      <button class="btn btn-default pull-right">Button 1</button>
      item1
  </li>
  <li href="#" class="list-group-item clearfix">
      <button class="btn btn-default pull-right">Button 2</button>
      item2
  </li>
</ul>

按钮未右对齐：

<ul class="list-group">
  <li href="#" class="list-group-item clearfix">
      item1
      <button class="btn btn-default">Button 1</button>
  </li>
  <li href="#" class="list-group-item clearfix">
      item2
      <button class="btn btn-default">Button 2</button>
  </li>
</ul>

文本旁边的黑色空按钮

<ul class="list-group">
  <li href="#" class="list-group-item clearfix">
      <button class="btn btn-default pull-right">Button 1</button>
      item1
      <button class="btn btn-link">&nbsp;</button>
  </li>
  <li href="#" class="list-group-item clearfix">
      <button class="btn btn-default pull-right">Button 2</button>
      item2
      <button class="btn btn-link">&nbsp;</button>
  </li>
</ul>

---

将文本放在span内，并给出span显示：表格单元格和垂直对齐：中间类似：

---

“检查”

我想你可以用线的高度来完成这项工作。我在前两个li元素中添加了线条高度类。

---

检查

我认为线条高度和/或变换：translateY是您的朋友。诚然，我对这个问题有些不清楚。如果文本位于跨度或段落内，则可以更好地定位文本。您是否尝试过文本右侧引导类？我想我的问题实际上是关于一些内置引导类，可以解决此问题。。有很多方法可以利用线的高度等等。。我认为为容器创建一个或多个特殊类，使其作为btn具有正确的高度和对齐方式，这样它就可以对高度等使用相同的较少变量。@GuyBowden有一种自举方法来实现这一点，但它是为内嵌表单设计的，其中有一个元素具有表单水平类，包含具有控件标签类名的元素。它所做的一切就是在标签上添加padding top:7px。请参阅：请注意，框显示的计算值应为block或inline block，以使填充顶部起作用。

span {
    display: table-cell;
    height: 35px;
    vertical-align: middle;
}