使用Bootstrap 3将div内的所有内容居中

jckbn6z7  于 2022-12-16  发布在  Bootstrap
关注(0)|答案(3)|浏览(179)

我尝试使用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>,但我没有使用它,因为我读到它已被弃用.

hsvhsicv

hsvhsicv1#

这就是你想要的吗?

如果是这样,只需将text-align: center;添加到.col-centered样式中即可。

rqqzpn5f

rqqzpn5f2#

我相信.col-centered不再使用了?
试试text-center
请看引导类。

wf82jlnq

wf82jlnq3#

改变这个

<div class="col-lg-8 col-centered">

变成这样:

<div class="col-lg-8 col-centered" style="text-align:center">

它还将内联内容(即span元素内的内容)而不仅仅是块元素居中。

相关问题