欢迎光临
我们一直在努力

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教程:文本左浮动、有浮动、居中对齐风格


关注公众号『新起点软件管家』

获取最新网络资源及破解软件!
带你玩转各样软件...

评论 抢沙发

评论前必须登录!

 

觉得文章有用就打赏一下文章作者

非常感谢你的打赏,我们将继续给力更多优质内容,让我们一起创建更加美好的网络世界!

支付宝扫一扫打赏

微信扫一扫打赏