Bootstrap教程:文本左浮动、有浮动、居中对齐风格

Bootstrap教程

在排版中离不开文本的对齐方式。在正常的CSS中常常使用text-align来实现文本的对齐风格的设置。

style{
text-align:left;  /* 左对齐*/
text-align:center;	/*居中对齐*/
text-align:right;	/*右对齐*/
text-align:justify; /*两端对齐*/
}

但是Bootstrap为了简单化操作方便使用,Bootstrap通过定义四个类名来控制文本的对齐风格:

<p class="text-left">居左</p>
<p class="text-center">居中</p>
<p class="text-right">居右</p>
<p class="text-justify">两端对齐</p>

引用Bootstrap CSS样式以后我们直接在HTML中写入class即可不需要我们再重新写样式。

共享资源网提供最优质的资源集合。
共享资源网 » Bootstrap教程:文本左浮动、有浮动、居中对齐风格

发表评论

共享资源网提供最优质的资源集合

充值中心 开启会员