1. 程式人生 > >第二章 排版 2.8文字對齊風格

第二章 排版 2.8文字對齊風格

在排版中離不開文字的對齊方式。在CSS中常常使用text-align來實現文字的對齊風格的設定。其中主要有四種風格:

☑ 左對齊,取值left

☑ 居中對齊,取值center

☑ 右對齊,取值right

☑ 兩端對齊,取值justify

為了簡化操作,方便使用,Bootstrap通過定義四個類名來控制文字的對齊風格:

☑ .text-left:左對齊

☑ .text-center:居中對齊

☑ .text-right:右對齊

☑ .text-justify:兩端對齊

具體原始碼檢視bootstrap.css檔案第488行~第499行:

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