是否可以使用bootstrap对齐文本top
和center
(例如)。
我尝试过使用:
<label class=text-align-top text-align-center></label>
它似乎不起作用。
答案 0 :(得分:2)
首先,代码的正确格式应该是......
<label style="text-align:top; text-align:center"></label>
......虽然这个没有多大意义,因为它只会采取第二条规则,考虑重复,或......
<label class="text-align-top text-align-center"></label>
(在CSS类名称周围添加引号)
这假设您已经在CSS文件中定义了text-align-top
和text-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;"
标记属性