段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。

在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。

段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。

-----------------------------------------------------------------------------------------------------------------

用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标签是换行标签不是分段标签。

换行样式不要首行缩进_css样式控制首行缩进相关推荐

  1. CSDN博客字体样式、字体大小、字体颜色、首行缩进调节

    1.字体样式调节 1.<font face="微软雅黑">微软雅黑</font> 2.<font face="华文琥珀">华 ...

  2. CSS样式设置语法全解,样式优先级、值和单位、字体、文本、块级元素,行内元素,替换元素、非替换元素、display、float、position、table、li、光标、边距边框、轮廓、颜色背景

    全栈工程师开发手册 (作者:栾鹏) 一个demo学会css css选择器全解 css操作语法全解 CSS样式设置语法全解: 样式优先级 1. !important标记的样式 > 内联样式(sty ...

  3. html文字段落缩进,CSS text-indent段落首行文字缩进分享

    DIV CSS text-indent段落首行文字缩进,CSS段首缩进,可控制缩进距离样式教程篇 让每个段落首行开头文字缩进,如缩进2个文字距离样式,我将用到text-indent属性样式. .div ...

  4. CSS字体、行高等其他样式

    CSS字体.行高等其他样式 一.长度单位与颜色单位 1. 长度单位 <!DOCTYPE html> <html lang="en"><head> ...

  5. html+css基础笔记_CSS样式_part1_2

    1.CSS背景样式 属性: background-color:背景色 background-image:背景图 url背景地址,默认水平垂直铺满背景图 写法:background-image: url ...

  6. td 首行缩进_Simditor编辑器,首行缩进功能

    最近尝试使用Simditor编辑器,想使用段落首行缩进,没找到这个动能.所以用该编辑器自带的向右缩进功能作为参照,做出了首行缩进的插件. 想要让首行缩进的样式不被过滤掉,在编辑器的设置里边需要给P标签 ...

  7. 首行缩进字符计算机怎么弄,wps怎么首行缩进如何设置段首自动空两格缩进2字符...

    熟练掌握WPS是职称计算机考试基本要求,猎学网为考生分享WPS教程:""wps怎么首行缩进如何设置段首自动空两格缩进2字符""内容,帮助考生备考职称计算机考试, ...

  8. 网页设计的css样式,网页设计引入CSS样式的五种方式_css

    一.使用STYLE属性 将STYLE属性直接加在个别的元件标签里,<元件(标签) STYLE="性质(属性)1: 设定值1; 性质(属性)2: 设定值2; -} 例如: <TD ...

  9. element plus之el-table行融合+列融合+小计行+自定义控件+样式自定义方案

    期望通过每一次分享,让技术的门槛变低,落地更容易. -- around 目录 1.行&列融合 2.小计行 3.自定义控件 4.样式自定义 前言 旨在解决项目过程中遇到基于el-table实现项 ...

最新文章

  1. IOS 之__bridge__bridge_transfer和__bridge_retained
  2. 在 Inno Setup 中实现倒数N秒后激活按钮
  3. python教程app下载地址_python教程
  4. 【转】C++读写.mat文件的方法
  5. php响应超过三十秒会报错么,如何捕捉致命错误:PHP中超过30秒的最大执行时间...
  6. oracle表分区失效14400,Oracle11g:分区表数据操作出现ORA-14400异常处理详解
  7. Scherlokk for Mac(文件搜索软件)
  8. Subarray Sum K
  9. 红米AirDots无线蓝牙耳机连接win10笔记本
  10. C语言实现学生成绩管理系统
  11. 【转载】Junit4详解一:Junit总体介绍
  12. TIA博途中如何设置不需要初始化DB块也可以下载?
  13. 10本入门编程书籍推荐,带你入门到精通
  14. java 穷举 排列组合_穷举排列组合列表
  15. 开源项目——小Q聊天机器人V1.1
  16. python字母对照表_Python中的字母范围
  17. 生产管理系统是什么?它有哪些功能模块?
  18. 乘法运算中的有效数据位
  19. 渗透实战-JSP上传webshell报错500
  20. RFID标签的编码标准

热门文章

  1. 抖音带货什么产品都能带吗,抖音快手直播卖货技巧!
  2. Java中的WADL:温和的介绍
  3. 3d渲染时显示计算机渲染过程,【技巧分享】如何解决3d渲染时出现错误
  4. 【datawhale202206】pyTorch推荐系统:召回模型 DSSMYoutubeDNN
  5. 7-26 最大公约数和最小公倍数
  6. 有哪些降噪耳机值得买?通勤用主动降噪耳机推荐
  7. 2239: 童年的圣诞树
  8. 无法写入最后一个_借助WinSetupFromUSB,在一个U盘内制作多合一系统启动盘
  9. 天猫小店开到家门口?菜鸟助力百万夫妻店转型新零售
  10. mysql nvl nvl2_nvl 与 nvl2