1. 全栈程序员必看首页

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

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

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


相关推荐

  • java定义byte类型,详解java中的byte类型[通俗易懂]

    java定义byte类型,详解java中的byte类型[通俗易懂]

    java定义byte类型,详解java中的byte类型[通俗易懂]介绍byte，即字节，由8位的二进制组成。在Java中，byte类型的数据是8位带符号的二进制数。在计算机中，8位带符号二进制数的取值范围是[-128,127]，所以在Java中，byte类型的取值范围也是[-128,127]。取值范围分析一直在想为什么不是-128到128呢？今天分析了一下这个问题。首先我们得明白一件事情，那就是运算规则：########################…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月18日
    24
  • Html中的空格符「建议收藏」

    Html中的空格符「建议收藏」

    Html中的空格符「建议收藏」&nbsp;1，Html中空格&amp;nbsp;&amp;#160;&nbsp;不断行的空白（1个字符宽度）&amp;ensp;&nbsp;&amp;#8194;半个空白（1个字符宽度）&amp;emsp;&amp;#8195;一个空白（2个字符宽度）&amp;thinsp;&nbsp;&amp;#8201;窄空白（小于1个字符宽度）&n…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年10月4日
    0
  • zencart 引用模板语句「建议收藏」

    zencart 引用模板语句「建议收藏」

    zencart 引用模板语句「建议收藏」例如引用：head模板：&lt;?php/***preparesanddisplaysheaderoutput**/if(CUSTOMERS_APPROVAL_AUTHORIZATION==1&amp;&amp;CUSTOMERS_AUTHORIZATION_HEADER_OFF==’true…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月27日
    2
  • <span role="heading" aria-level="2">国内可用的stun服务

    国内可用的stun服务

    国内可用的stun服务stun:stun.ideasip.comstun:stun.schlund.destun:stun.voiparound.comstun:stun.voipbuster.comstun:stun.v

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月1日
    30
  • JavaWeb之HttpSession

    JavaWeb之HttpSession

    JavaWeb之HttpSessionHttpSession一、概述HttpSession是由JavaWeb提供的，用来会话跟踪的类。session是服务器端对象，保存在服务器端！！！HttpSession是Servlet三大域对象之一，所以它也有setAttribute()、getAttribute()、removeAttribute()方法。HttpSession底层依赖Cookie，或是URL重写！二、HttpSe…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月12日
    18
  • Java正则表达式语法规则（具体）

    Java正则表达式语法规则（具体）

    Java正则表达式语法规则（具体）Java正则表达式语法规则（具体）

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月19日
    10

发表回复

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

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