第二章 排版 2.8文本对齐风格

Posted xiaomulei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了第二章 排版 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;
}

 

以上是关于第二章 排版 2.8文本对齐风格的主要内容,如果未能解决你的问题,请参考以下文章

第二章 排版 2.15-16代码

shell文本左右对齐排版

段落排版--对齐(text-aliagn)

bootstrap5 文本文字排版类

文本的排版

怎样实现完美两端对齐/齐头尾功能——hyphenjs