zoukankan      html  css  js  c++  java
  • Bootstrap学习笔记之文本对齐风格

    文本对齐风格

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

    例如下面的四行代码,分别定义文本的四种不同的对齐风格:

    <p class="text-left">居左</p>
    <p class="text-center">居中</p>
    <p class="text-right">居右</p>
    <p class="text-justify">两端对齐</p>

    目前两端对齐在各浏览器下解析各有不同,特别是应用于中文文本的时候。所以项目中慎用。




  • 相关阅读:
    第01组 团队Git现场编程实战
    2019 SDN上机第1次作业
    第二次结对编程作业
    团队项目-需求分析报告
    团队项目-选题报告
    2019 SDN阅读作业
    2019 SDN上机第3次作业
    2019 SDN上机第2次作业
    2019 SDN上机第1次作业
    OpenDayLight安装Features
  • 原文地址:https://www.cnblogs.com/shugen/p/6863055.html
Copyright © 2011-2022 走看看