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


相关推荐

  • 对象数组「建议收藏」

    对象数组「建议收藏」

    对象数组「建议收藏」定义一组多个对象的变量，就要用对象数组。对象数组的定义包含动态初始（类对象数组名[]=new类[长度]；）,数组里的每个元素都是引用类型的默认值；静态初始化（类对象数组名称[

    全栈程序员-站长的头像 全栈程序员-站长
    2022年6月30日
    22
  • 图像分割的评价指标_图像实例分割

    图像分割的评价指标_图像实例分割

    图像分割的评价指标_图像实例分割图像分割可分为：语义分割，实例分割，全景分割1、语义分割（semanticsegmentation）：标注方法通常是给每个像素加上标签；常用来识别天空、草地、道路等没有固定形状的不可数事物（stuff）。2、实例分割（instancesegmentation）：标注方法通常是用包围盒（bbox？）或分割掩码标记目标物体；常用来识别人、动物或工具等可数的、独立的明显物体（things…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年8月23日
    4
  • 国际私法自考总结复习大纲

    国际私法自考总结复习大纲

    国际私法自考总结复习大纲

    全栈程序员-站长的头像 全栈程序员-站长
    2021年9月29日
    36
  • <span role="heading" aria-level="2">百度竞价点击（商盾）研究

    百度竞价点击（商盾）研究

    百度竞价点击（商盾）研究今天写个比较详细的说明，也参考了大量这方面的资料进行的总结，算是给大家一个长见识，写的不好的地方，希望大家多多指教！感谢吾爱朋友的支持！移动广告平台都有各自的检测点击欺诈的机制，通过各种维度(包括I

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月2日
    31
  • 光流法测距

    光流法测距

    光流法测距一.基于特征点的目标跟踪的一般方法基于特征点的跟踪算法大致可以分为两个步骤：1）探测当前帧的特征点；2）通过当前帧和下一帧灰度比较，估计当前帧特征点在下一帧的位置；3）过滤位置不变的特征点，余下的点就是目标了。二.光流法1.首先是假设条件：（1）亮度恒定，就是同一点随着时间的变化，其亮度不会发生改变。这是基本光流法的假定（所有光流法变种都必须满足），用于得到光流法基本方程；（2）小运动，这…

    全栈程序员-站长的头像 全栈程序员-站长
    2022年7月23日
    9
  • 【sed】个人用到的方法记录[通俗易懂]

    【sed】个人用到的方法记录[通俗易懂]

    【sed】个人用到的方法记录

    全栈程序员-站长的头像 全栈程序员-站长
    2022年3月12日
    44

发表回复

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

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