美文网首页
第二章 排版 2.8文本对齐风格

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

作者: Murrey_Xiao | 来源:发表于2016-07-01 16:25 被阅读34次

在排版中离不开文本的对齐方式。在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;
}

相关文章

  • Bootstrap - 排版2

    文本对齐风格 在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中...

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

    在排版中离不开文本的对齐方式。在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格...

  • Bootstrap部分好用的功能

    文本对齐 在CSS中常常使用text-align来实现文本的对齐风格的设置。其中主要有四种风格: 左对齐:取值le...

  • PPT排版

    排版四原则:对齐、对比、重复、亲密 对齐: 对比:轻重原则 亲密:靠近和归属 重复:相同字体、配色、图片风格 PP...

  • Word文档对齐操作,这两个技巧值得学习

    Word文档中对齐有很多的学问,今天给大家分享两个超实用的Word文档对齐妙招,解决文本框文字居中对齐和菜单式排版...

  • PPT文字

    字体排版三要素: 字号、字距、字型 两端对齐vs分散对齐 纹理网站:图鱼网 设置形状格式—文本选项 口袋动画PA插...

  • Boostrap 中的 CSS - 排版 Typography

    1.1 标题 1.2 文本格式 字体风格 强调相关的类 文本对齐 1.3 列表 在Bootstrap中对于列表的设...

  • iOS 文字左右对齐与符号不单独占据一行

    iOS 在富文本排版时碰到问题: 使用单词对齐时,右侧可能出现一个字以上的空白区域,如图1: 使用字符对齐时,右侧...

  • 如何让你的平面设计作品高大上之 排版的运用

    你以为排版只是左对齐、右对齐、左右对齐、居中对齐那么简单吗?你以为的知识你以为的,今天就是带着大家远离排版误区,了...

  • 如何让你的平面设计作品高大上之 排版的运用

    你以为排版只是左对齐、右对齐、左右对齐、居中对齐那么简单吗?你以为的知识你以为的,今天就是带着大家远离排版误区,了...

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/mqafjttx.html