Bootstrap文字居上居中对齐

Question

是否可以使用Bootstrap对文本进行顶部和中心对齐?

我尝试过以下方式:

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

它似乎不起作用。

- JustLearning

---

你是说你尝试过 <label class="text-align: top; text-align: center"></label> 这段代码，还是认真的尝试了一下？这是基于什么教程或建议呢？ - benomatis

我目前正在使用 'text-align-top'，并且它在我的应用程序中有效。因此，我正在寻找一种Bootstrap的方法来将其居中对齐。如果不存在这样的方法，我想我会坚持使用CSS。 - JustLearning

你的 CSS 做的事情和我的一样，顺便说一下。 - JustLearning

请查看我的答案... - benomatis

我现在要尝试一下，奇怪的是我发誓在网上看到过一个text-align-...类，但在我的CSS文件中找不到它。 - JustLearning

Answer 1

我相信您可能希望得到以下内容：

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

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

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

如果您想按照Twitter-Bootstrap的方式进行操作，可以简单地使用对齐类，它将处理水平对齐。在您的情况下，您将使用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>

- benomatis

---

@KaanBurakSener 我本来想自己编辑的，所以一定是点错了按钮，后来我意识到你的编辑是有效的，对此很抱歉，伙计... - benomatis

@webeno 这个 style="vertical-align: middle;" class="text-center" 就解决了问题。谢谢！ - JustLearning

@ShareYourKnowledge 我很高兴能够帮到你 ;) - benomatis

Answer 2

将style="vertical-align: top; text-align: center;"添加到您的标记属性中。

- SystemX