美文网首页微信小程序
div+CSS实现段落首行缩进两个字符(text-indent标

div+CSS实现段落首行缩进两个字符(text-indent标

作者: 幸运的芳1990 | 来源:发表于2018-07-20 16:52 被阅读0次

段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

<style type="text/css">



p{

    text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/

}



</style>

<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>

相关文章

  • div+CSS实现段落首行缩进两个字符(text-indent标

    段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。...

  • CSS text-indent 属性

    text-indent 段落第一行缩进 实例: 将段落第一行缩进两个字符: p{ text-indent : 2 ...

  • 文本格式的处理

    css p{ text-indent:2em;//首行缩进2个字符 }

  • 文字从第二行开始缩进小技巧

    text-indent缩进属性将对段落首行文字进行缩进展示,将值设置为负值,就会向左缩进,再将正个段落设置marg...

  • 第二行缩进

    常规的首行缩进可以简单的通过text-indent来实现,但是当我们的需求是第一行不缩进从第二行开始缩进的时候,单...

  • CSS权威指南读书笔记-文本属性

    缩进和水平对齐 缩进文本 将Web页面上一个段落的第一行缩进使用text-indent text-indent

  • Word小技巧

    一个格式给多个地方格式刷:双击“格式刷”,不需要后双击鼠标即可 如何段落首行缩进:若要全文首行缩进则全选,再拖动标...

  • CSS文本

    CSS文本 文本的颜色、字符间距,对齐文本,装饰文本,文本缩进设置。 文本缩进 使用text-indent属性对文...

  • 文本框边缘到内容的距离调整(CSS查漏补缺)

    文: jack同学 两个方法,根据情况而定 padding:设置内边距 text-indent:首行缩进,相较于p...

  • 05.文本

    1. 缩进文本(text-indent 属性) 通过使用 text-indent 属性,所有元素的第一行都可以缩...

网友评论

    本文标题:div+CSS实现段落首行缩进两个字符(text-indent标

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