zoukankan      html  css  js  c++  java
  • 【CSS】如何设置行距、段落间距、缩进格式

    在使用MarkDownHere的时候,需要利用CSS编辑各个段落的格式,本文记录了CSS中编辑格式的各个属性及其设置。

    行距

    行距一般使用line-height: value;来表示,比如要设置行距为2则可利用下面的属性:
    line-height: 2em;
    其中em为相对当前元素的大小,同时也可以使用px pt为单位设置,互相转换
    在这里插入图片描述

    段间距

    段间距主要是利用margin来设置,其中margin: top right bottom left,为了避免赋值错误建议在四个位置都填上相应的数值。例如要设置上下段间距为2em的情况:
    margin: 2em 0em 2em 0em 设置上下边距
    在这里插入图片描述

    缩进

    段落缩进可以使用两个属性来控制,一个是text-align: justify(两端对齐), center(中), left(左), right(右),另一个还是使用margin来控制,这时候需要用到左右两个位置的元素:
    margin: 0em 1em 0em 1em !important; 这时候设置段间距为0两端各缩进1em的情况,这样可以使得字体在手机屏幕上不会太挤向边缘影响效果。
    在这里插入图片描述


    CSS段落间距调整 P标签段落上下距离如何设置:https://blog.csdn.net/lin74love/article/details/62883243
    CSS中margin和padding的上下左右:https://blog.csdn.net/s464036801/article/details/8085543

    picture from pexels.com

    在这里插入图片描述

  • 相关阅读:
    主流编程语言
    计算机语言
    IT(Information technology)
    设计模式-学习
    Java 执行顺序
    学习大纲
    Springboot注解整理 二《自定义注解》
    IntelliJ IDE 基础经验备案三
    IntelliJ IDE 基础经验备案二
    Mybatis使用经验归档
  • 原文地址:https://www.cnblogs.com/Tom-Ren/p/10234990.html
Copyright © 2011-2022 走看看