html – 如何在引导列中居中内容？

发布时间：2020-12-14 21:24:39 所属栏目：资源来源：网络整理

导读：我试图将列的内容集中在一起。看起来不适合我。这是我的HTML： div class="row" div class="col-xs-1 center-block" spanaaaaaaaaaaaaaaaaaaaaaaaaaaa/span /div /div JSFiddle Demo 解决方法使用： div class="col-xs-1" align="center" 代替 div class="c

我试图将列的内容集中在一起。看起来不适合我。这是我的HTML：

<div class="row">
   <div class="col-xs-1 center-block">
       <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span>
   </div>
 </div>

JSFiddle Demo

解决方法

使用：

<div class="col-xs-1" align="center">

代替

<div class="col-xs-1 center-block">

你也可以使用bootstrap 3 css：

<div class="col-xs-1 text-center">

编辑：HTML5中不支持align属性

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!