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

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

justify 文本 ots 設置 pre code align class span

在排版中離不開文本的對齊方式。在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;
}

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