美文网首页
段落文本

段落文本

作者: Lzg | 来源:发表于2019-06-27 16:38 被阅读0次

1.text-align: 文本对齐方式
     left: 左对齐
     right:右对齐
     conter: 居中
     justify: 内容两端对齐。

  1. text-indent: 文本首行缩进
         px:绝对单位像素的缩进
         em:相对单位的缩进
         16px=1em;
    line-height: 20px;
          px:行高 = 父元素的高;

3.单行文本省略号
     white-space: nowrap; //强制在一行显示;
     overflow:hidden;   //溢出隐藏;
     text-overflow: ellipsis; //文本溢出时显示省略号;

4.多行文本省略号
    display:-webkit-box; //转换为老弹性盒
    -webkit-box-orient:vertical; //排列方式为垂直;
    -webkit-lin-clamp:3; //最多显示第几行;
    overflow:hidden; //溢出隐藏;
    text-overflow:ellipsis; //文本溢出时显示省略号;

5.文本装饰

text-decoration-line: 文本装饰的种类:
        none;//默认值 无
        underline; //下划线
        overline; //上划线
        line-through; //贯穿线(删除线);

text-decoration-style: 文本装饰的样式:
        solid;//默认值 实线
        double; //双线
        dotted; //点线
        dashed; //虚线;
        wavy; //波浪线

text-transorm: 文字大小写:
        none; //无转化;
        capitalize; //首字母大写;
        uppercase; //转化为大写;
        lowercase; //转化为小写;

相关文章

  • 段落文本

    1.text-align: 文本对齐方式left: 左对齐right:右对齐conter: 居中justify: ...

  • 29#Markdown排版(二)

    卷首语 背景说明等文章开篇 ◆◇ 01 ◇◆ 文本段落1 分论点 分论点 分论点 ◆◇ 02 ◇◆ 文本段落2 分...

  • html

    :p标签的文本会在一个段落中自动换行。div标签内的文本也会在一个段落中自动换行。 :换行标签,使自动换行。文本格...

  • markdown初级入门学习

    c语言程序设计 这是一个描述段落。这是一个新段落。 这是一个强调文本 这是粗体文本这是斜体

  • css权威教程

    基础知识 文本使用闭合标签(标签,段落,文本) 引用文本使用自闭和标签 css display属性1:block(...

  • 【web开发学习笔记4】html分组元素

    1. 段落 这是一个段落 这是另一个段落 文本的一个段落,段落和段落之间保持一定的间隙。 2 通用分组 这...

  • Markdown 快速入门

    段落、标题、引用 段落 段落就是被空行分割的文本;空行可以是空格和制表符;并且,正常的段落是没有缩进的; 标题 标...

  • 章节二、认识标签(一)

    段落标签: 标题标签:(x为1-6)强调语气: 文字设置单独样式: 文本引用:短文本 长文本 ...

  • 笔记 | PHP 2012 | 文本控制 | 缩进/对齐/间距

    段落缩进 text-indent 文本对齐 text-align 文本装饰线 text-decoration 字间...

  • HTML常用标签

    :表示文本的段落,段落通常在可视媒体中表示为文本块。 :使用img元素来为你的网站添加图片,使用src属性指向一个...

网友评论

      本文标题:段落文本

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