css - Bootstrap 文本居中对齐

Question

是否可以使用 bootstrap 对齐文本 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 引导方式执行此操作，您可以简单地使用 Alignment classes ，这将负责水平对齐。在您的情况下，您将使用 text-center。

twitter-bootstrap 中没有垂直对齐类，因此您必须在目标元素上使用 vertical-align: middle; 自行设置，或者创建自定义 CSS类有那个，即...

CSS:

.vertical-align-top {
    vertical-align: top
}

HTML(带有 twitter-bootstrap):

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