我尝试使用Bootstrap 3将div内的所有内容居中,但是不起作用,它只将文本区域居中,而不是将<span>
标记之间的内容居中,我的代码有什么问题?
<style type="text/css">
.col-centered{
float: none;
margin: 0 auto;
}
</style>
<div class="row">
<div class="col-lg-8 col-centered"> <textarea class="form-control" rows="10"> </textarea>
<span>
Informações:
<i id="demo">
<div class="label label-default label-dismissible">Não iniciado</div>
</i>
| Carregadas:
<div id="carregada" class="label label-primary label-dismissible">0</div>
| Testadas:
<div id="testado" class="label label-info label-dismissible">0</div>
| Aprovadas:
<div id="CLIVE" class="label label-success label-dismissible">0</div>
| Reprovadas:
<div id="CDIE" class="label label-danger label-dismissible">0</div>
</span>
</div>
</div>
你可以在截图上看到它没有居中,它的工作方式,我想要的标签<center>
,但我没有使用它,因为我读到它已被弃用.
3条答案
按热度按时间hsvhsicv1#
这就是你想要的吗?
如果是这样,只需将
text-align: center;
添加到.col-centered
样式中即可。rqqzpn5f2#
我相信
.col-centered
不再使用了?试试
text-center
。请看引导类。
wf82jlnq3#
改变这个
变成这样:
它还将内联内容(即
span
元素内的内容)而不仅仅是块元素居中。