Bootstrap文本对齐顶部中心

时间:2016-04-03 21:25:52

标签: css twitter-bootstrap-3

是否可以使用bootstrap对齐文本topcenter(例如)。

我尝试过使用:

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

它似乎不起作用。

2 个答案:

答案 0 :(得分:2)

首先,代码的正确格式应该是......

<label style="text-align:top; text-align:center"></label>

......虽然这个没有多大意义,因为它只会采取第二条规则,考虑重复,或......

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

(在CSS类名称周围添加引号)

这假设您已经在CSS文件中定义了text-align-toptext-align-center类,因为在twitter-bootstrap中不存在这样的类。

相反,您可以使用Alignment classes来处理水平对齐,在您使用text-center的情况下。

在twitter-bootstrap中没有垂直对齐类,因此您必须手动设置&#34;手动&#34;在目标元素上使用vertical-align: middle;,或者创建具有该元素的自定义类,即......

CSS:

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

HTML(使用twitter-bootstrap):

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

答案 1 :(得分:1)

添加此 style="vertical-align: top; text-align: center;" 标记属性