1. 全栈程序员必看首页

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

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

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


相关推荐

  • Vue substring截取字符串报错

    Vue substring截取字符串报错

    Vue substring截取字符串报错这是我查出来的订单信息对象，当我只需要显示用户电话的前三位和后四位时，就需要对订单进行截取。可是当我这样截取之后，效果是出来了，只是控制台依然报错；原因：因为数据是异步加载的，当数据还没出来的时候，数据是空的，所以会报错解决办法：这是我一开始用来保存查出来的数据对象。但是这样依然会报错。我们只需要把这个对象需要截取的那个属性一开始赋值为空，这样就不会报错了。…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月23日
    37
  • junit mock 方法(need的用法总结)

    junit mock 方法(need的用法总结)

    使用EasyMock的总体步骤1、生成Mock接口IServicemockService=EasyMock.createMock(“name”,IService.class);如果要mock对象，而不是接口，应该使用classextension：org.easymock.classextension.EasyMock如果要mock多个接口，最好使用Mo

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月12日
    470
  • 基于Tess4j的图片识别

    基于Tess4j的图片识别

    基于Tess4j的图片识别Tess4J是对TesseractOCRAPI的JavaJNA封装。tesseract是跨平台的OCR（OpticalCharacterRecognition，光学字符识别）引擎，让开发者非常容易的集成OCR能力到他们自己的应用。通过强大的API从图片中识别和提取文本内容。Tess4J支持主流的图片格式，如TIFF,JPEG,GIF,PNG,BMP,andPDF。…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年5月20日
    33
  • 教你用笔记本破解无线路由器password

    教你用笔记本破解无线路由器password

    教你用笔记本破解无线路由器password

    全栈程序员-站长的头像 全栈程序员-站长
    2021年12月9日
    53
  • JRTPLib的编译步骤「建议收藏」

    JRTPLib的编译步骤「建议收藏」

    JRTPLib的编译步骤「建议收藏」JRTPLib的编译步骤JRTPLib是RTP协议的开源版库，下面讲述在VS2008上面的编译步骤JRTPLIB开源库包括两个jthread.lib和jrtplib.lib下载链接：jthread：http://research.edm.uhasselt.be/%7Ejori/page/index.php?n=CS.Jrtplibjrtplib:http://rese

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月28日
    20
  • decode encode区别_python decode和encode

    decode encode区别_python decode和encode

    decode encode区别_python decode和encode#-*-coding:utf-8importsys”’*首先要搞清楚，字符串在Python内部的表示是unicode编码，因此，在做编码转换时，通常需要以unicode作为中间编码，即先将其他编码的字符串解码(decode)成unicode，再从unicode编码(encode)成另一种编码。decode的作用是将其他编码的字符串转换成unicode编码，如str1.decode(‘gb231…

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

发表回复

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

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