html段落首行缩进两字符_css设置首行缩进

html段落首行缩进两字符_css设置首行缩进段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字

大家好,又见面了,我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元 售后保障 童叟无欺

段落前面空两个字的距离,不要再使用空格了,用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>

—————————————————————————————————————–

用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。

其实呢,用CSS样式来定义更为高效。

比如在style里定义如下缩进样式:.suojin{text-indent:2em}

在需要缩进的地方使用class=”suojin”即可,比如用一个div定义一整块段落首先缩进,

凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行.suojin所定义的缩进。

也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):

<div style=”text-indent:2em”>
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>

两种方法各有长处短处,可根据需要决定使用哪一种方法。

注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/167651.html原文链接:https://javaforall.net

赞 (0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Aria2安装(aria2安卓版手机配置教程)

    1安装sudopacman-Saria22创建配置文件cd~mkdir.aria2cd.aria2toucharia2.confaria2.logaria2.session3修改配置文件aria2.conf需要自己配置rpc-secret和bt-trackerbt-tracker可以去trackerslist网站获取#文件的保存路径(可使用绝对路径或相对路径),默认:当前启动位置dir=${HOME}/Downloads#启用磁盘缓存,0为

    2022年4月14日
  • 彻底删除2345安全卫士_怎么卸载安全卫士

    彻底删除2345安全卫士_怎么卸载安全卫士以下解决方法需要你有一个U盘PE启动盘。今天帮网友解决一个问题:2345安全卫士服务进程怎么也杀不掉的问题。众所周知,2345因某些原因在网友的心中口碑是非常地差,这不,这两天就有一位网友中招了。要不是担心以后还会中招,折腾了这么久早就重装系统了!!2345安全卫士卸载不了,2345SafeCenterSvc服务更是无法关闭,卸载了又出现,简直像幽灵一样!出现这个情况,说明你在…

    2022年9月3日
  • 用js来实现那些数据结构10(集合02-集合的操作)[通俗易懂]

    前一篇文章我们一起实现了自定义的set集合类。那么这一篇我们来给set类增加一些操作方法。那么在开始之前,还是有必要解释一下集合的操作有哪些。便于我们更快速的理解代码。1、并集:对于给定的两个集合,

    2022年3月25日
  • Pull方式安装网格控制器客户端及排错

    Pull方式安装网格控制器客户端及排错

    2021年8月17日
  • 2021idea激活码【中文破解版】

    (2021idea激活码)2021最新分享一个能用的的激活码出来,希望能帮到需要激活的朋友。目前这个是能用的,但是用的人多了之后也会失效,会不定时更新的,大家持续关注此网站~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月22日
  • 圆柱体的立方计算公式_圆柱体积公式是什么

    圆柱体的立方计算公式_圆柱体积公式是什么圆柱的体积是六年级下册第三单元的知识点。利用圆柱的体积公式计算圆柱的体积显得尤为重要。让我们一起来复习一下吧!第一个计算圆柱的体积公式新课是怎样引出圆柱的体积的呢?你还记得那个操作不?选自人教版六年级下册数学课本人教版课本25页是将圆柱切割拼凑为近似长方体从而得到我们最常用的体积公式V=Sh例题1:如图,求圆柱的体积给s和h求圆柱的体积V=50.24×10=502.4平方厘米例题2:一个圆柱形蓄水…

    2022年9月20日

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号