1. 全栈程序员必看首页

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

全栈程序员-站长 • • 未分类 • 阅读 11

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)
0 0

关于作者

全栈程序员-站长的头像

全栈程序员-站长

133.5K 文章
3 粉丝
本网站汇聚当前互联网主流语音，持续更新，欢迎关注公众号“全栈程序员社区”
上一篇 2022年8月4日 下午10:16
下一篇 2022年8月4日 下午10:16


相关推荐

  • java中采用dom4j解析xml文件「建议收藏」

    java中采用dom4j解析xml文件「建议收藏」

    java中采用dom4j解析xml文件「建议收藏」一.前言在最近的开发中用到了dom4j来解析xml文件，以前听说过来解析xml文件的几种标准方式；但是从来的没有应用过来，所以可以在google中搜索dmo4j解析xml文件的方式，学习一下dom4j解析xml的具体操作。二.代码详情dom4j是一个第三方开发组开发出的插件，所以在我们使用dom4jf的时候我们要去下载一下dom4j对应版本的jar导入在我们项目中。1…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月21日
    39
  • 静态链表详解（C语言版）

    静态链表详解（C语言版）

    静态链表详解（C语言版）你认识静态链表吗 听起来是不是很陌生呢 本文将较为详细的向你介绍它 感兴趣的话就一起来看看吧

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月20日
    2
  • coze工作流扣子空间如何一键生成沉浸式奇异历史故事？ Coze

    coze工作流扣子空间如何一键生成沉浸式奇异历史故事？

    coze工作流扣子空间如何一键生成沉浸式奇异历史故事？

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月12日
    3
  • 简述MD5加密[通俗易懂]

    简述MD5加密[通俗易懂]

    简述MD5加密[通俗易懂]MD5加密publicclassMD5{ /**四个链接变量标准幻数（按大端字节序存储-高位字节排放在内存的低地址端(即该值的起始地址),低位字节排放在内存的高地址端）*/privatefinalintA=0x67452301;//01234567privatefinalintB=0xefcdab89;//89abcdef…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月11日
    23
  • Linux中tar命令

    Linux中tar命令

    Linux中tar命令tar 命令是类 Linux 中比价常用的解压与压缩命令 可以使用命令 mantar 命令来进行查看 man 的基本命令 下面举例说明一下 tar 的基本命令 tar cvf nbsp nbsp nbsp sysconfig tar nbsp nbsp etc sysconfig 命令解释 将目录 etc sysconfig 目录下的文件打包成文件 sysconfig tar 文件 并且放在当前目录中 可以使用 pwd 命令查

    全栈程序员-站长的头像 全栈程序员-站长
    2026年3月17日
    2
  • PyCharm 支持中文和代理方法[通俗易懂]

    PyCharm 支持中文和代理方法[通俗易懂]

    PyCharm 支持中文和代理方法[通俗易懂]在代码的开头（import语句之前）添加#coding:utf-8这样就可在代码及注释中包含中文了，并且输出也可以是中文

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月26日
    8

发表回复

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

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