Bootstrap 文本对齐顶部中心

Question

是否可以对齐文本top和center（例如）使用引导程序。

我试过使用：

<label class=text-align-top text-align-center></label>

它似乎不起作用。

Answer 1

我相信你可能想要这个：

<label class="text-align-top text-align-center"></label>

（在 CSS 类名周围添加引号）

然而，这将假设您已经在 CSS 中定义了text-align-top和text-align-center类，因为 Twitter-Bootstrap 中不存在这样的类。

如果你想通过 Twitter-Bootstrap 方式做到这一点，你可以简单地使用Alignment classes，它将负责水平对齐。在你的情况下，你会使用text-center.

twitter-bootstrap 中没有垂直对齐类，因此您将不得不vertical-align: middle;在目标元素上使用自己进行设置，或者创建具有该类的自定义 CSS 类，即...

CSS：

.vertical-align-middle {
    vertical-align: middle
}

HTML（使用 twitter-bootstrap）：

<label class="vertical-align-middle text-center"></label>