CSS实现段落首行缩进两个字符不再使用空格
192 浏览量
2020-09-25
06:30:01
上传
评论
收藏 36KB PDF 举报
CSS实现段落首行缩进两个字符不再使用空格实现段落首行缩进两个字符不再使用空格
想让段落前面空两个字的距离不使用空格了，text-indent可以使得容器内首行缩进一定单位。比如中文段落一般
每段前空两个汉字，感兴趣的朋友可以参考下，希望对大家有所帮助
段落前面空两个字的距离，不要再使用空格了。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单
位。比如中文段落一般每段前空两个汉字。
复制代码
代码如下:
<style type="text/css">
p{
text-indent: 2em; /*em是相对单位，2em即现在一个字大小的两倍*/
}
</style>
注：div标签不要忘记起始符。text-indent只对p或div标签有效，对br标签不生效，原因是br标签是换行标签不是分段标签。
用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>
两种方法各有长处短处,可根据需要决定使用哪一种方法。
资源评论
weixin_38630571
- 粉丝: 8
- 资源: 943
最新资源
- Sora AI Video Preview Case Sora AI 视频模版项目，React全栈快速部署.zip
- Foobar2000 中文完全版
- 基于JAVA web 的酒店管理系统的设计与实现，MySQL、MVC
- cdf6be7eb5ee2c1204e6de3b08a441d2.jpg
- 基于web的停车场管理系统的设计与实现、MVC、前台jQuery、后台JDBC，JSP技术，Tomcat、JavaBean
- 基于STM32和QT平台的农业大棚远程监控系统设计.pdf
- 毕业设计-基于SpringBoot、JPA、Thmleaf实现的旅游网站管理系统
- index.wxml
- 基于Git的软件项目管理配置方法及应用实践.pdf
- 基于R语言的公立医院学科绩效评估数据可视化研究.pdf
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
