在排版中離不開文本的對(duì)齊方式。在CSS中常常使用text-align來實(shí)現(xiàn)文本的對(duì)齊風(fēng)格的設(shè)置。其中主要有四種風(fēng)格：

  ?  左對(duì)齊，取值left

  ?  居中對(duì)齊，取值center

  ?  右對(duì)齊，取值right

  ?  兩端對(duì)齊，取值justify

為了簡(jiǎn)化操作，方便使用，Bootstrap通過定義四個(gè)類名來控制文本的對(duì)齊風(fēng)格：

  ?   .text-left：左對(duì)齊

  ?   .text-center：居中對(duì)齊

  ?   .text-right：右對(duì)齊

  ?   .text-justify：兩端對(duì)齊

具體源碼查看bootstrap.css文件第488行~第499行：

.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}

例如下面的四行代碼，分別定義文本的四種不同的對(duì)齊風(fēng)格：

<p class="text-left">我居左</p>
<p class="text-center">我居中</p>
<p class="text-right">我居右</p>
<p class="text-justify">我兩端對(duì)齊</p>

特別聲明：目前兩端對(duì)齊在各瀏覽器下解析各有不同，特別是應(yīng)用于中文文本的時(shí)候。所以項(xiàng)目中慎用。