1. 全栈程序员必看首页

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

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

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


相关推荐

  • EasyMock日记1[通俗易懂]

    EasyMock日记1[通俗易懂]

    privatePayControllerpayController;privateHttpServletRequestrequest;privateUseruser;privateHttpSessionsession;@Beforepublicvoidbefore(){payController=newPayController();user=ne

    全栈程序员-站长的头像 全栈程序员-站长
    2022年4月15日
    35
  • JAVA游戏开发-超炫酷贪吃蛇游戏源码及教程

    JAVA游戏开发-超炫酷贪吃蛇游戏源码及教程

    JAVA游戏开发-超炫酷贪吃蛇游戏源码及教程一．前言某日，看见隔壁家的小朋友在玩一款网络爆款贪吃蛇游戏，感觉很好玩。自己刚好正在学习JAVA编程，也想实现一个类似功能的游戏Demo练手，在网上查看了不少源码案例，全都是很古老的方块式贪吃蛇游戏案例，没有想要的实现，因此自己动手实现一个JAVA版的贪吃蛇游戏。我在这个Dome完成之后重写了这个游戏的Android版，并重新更名为《蛇王传说》。也欢迎大家下载试玩。游戏下载地址：https…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月7日
    21
  • Installation did not succeed.解决方案之一

    Installation did not succeed.解决方案之一

    Installation did not succeed.解决方案之一

    全栈程序员-站长的头像 全栈程序员-站长
    2021年10月1日
    127
  • HBase开发： Java API 管理表

    HBase开发： Java API 管理表

    HBase开发： Java API 管理表头歌（JavaAPI管理表）答案我看网上都没有这一关的答案，就自己写了一个。

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月16日
    14
  • PCEP 协议学习笔记

    PCEP 协议学习笔记

    PCEP 协议学习笔记RFC5440章节：PCReq消息响应PCC发送的PCReq的

    全栈程序员-站长的头像 全栈程序员-站长
    2025年9月30日
    1
  • 电压转电流电路

    电压转电流电路

    电压转电流电路图1 电压转电流原理图   如图 1是输入输出无偏置型电压转电流信号调理的典型电路。其中运放A、电阻R13、三极管Q10构成压控电流源电路；电阻R9、R11、运放B、三极管Q8、Q9构成电流放大电路。   当电压信号加在运放Ａ同向输入时，由运放特性：虚短、虚断可知反向输入端电压跟随同向输入端电压信号，此时在电阻R13支路上产生电流流过三极管Q10，三极管Q10基极受运放A输出端

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

发表回复

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

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