欢迎光临
我们一直在努力

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即可不需要我们再重新写样式。

赞(0) 打赏
未经允许不得转载:新起点博客 » Bootstrap教程:文本左浮动、有浮动、居中对齐风格

评论 抢沙发

评论前必须登录!