div+CSS实现段落首行缩进两个字符
段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。
<style type="text/css">
<!--
p{
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
-->
</style>
段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进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标签是换行标签不是分段标签。
相关阅读推荐
-
爱品特网络:朝阳区企业网站建设的卓越伙伴
在数字化转型的浪潮中,企业网站已成为连接企业与客户、展示品牌形象和拓展业务的重要平台。北京朝阳区,作为首都的商业和文化中心,聚集了众多追求创新与卓越的企业。爱品特网络公司以其专业的技术和服务,···
-
4字母域名:类型与申请要求解析
4字母域名因其独特性和稀缺性备受关注,涵盖了多种类型,如字母组合、缩略词等。本文将介绍4字母域名的不同类型及其特点,并探讨域名申请的相关要求,以帮助读者更好地了解和申请这一稀有的域名资源。4字···
-
域名注册邮箱的使用与申请指南
域名注册邮箱是注册域名时所需的关键信息之一,同时也是接收注册确认邮件和管理域名的重要邮箱。本文将介绍域名注册邮箱的作用、使用方法以及申请流程,帮助用户了解如何有效地使用域名注册邮箱并顺利完成域···
-
IP反查域名:方法与重要内容解析
IP反查域名是一种重要的网络技术,通过IP地址查询其对应的域名信息。本文将介绍IP反查域名的方法和步骤,并深入探讨IP地址的主要内容,帮助读者全面了解IP反查域名的原理和应用。在网络世界中,I···
-
北京朝阳网站设计行业翘楚:爱品特网络
网站设计是企业展示品牌形象、吸引用户关注的关键一环。在北京朝阳区,有许多网站设计公司,而其中,北京爱品特网络以其卓越的实力和专业的团队成为业界翘楚。以下是关于爱品特网络的文章:1. 北京爱品特···
-
旅游网站建设方案如何设计?
在当今数字化时代,旅游行业的网站不仅仅是展示旅游目的地的平台,更是用户获取信息、计划行程和在线预订的关键工具。为了满足用户需求,设计一套卓越的旅游网站方案至关重要。以下是一份综合性的旅游网站建···
最新资讯
建站资讯文章推荐阅读
-
15个免费B2B网站分享,2023年优秀B2B网站大全
1.中国供应商网网站地址:https://cn.china.···
-
如何保存整个网页:多种方法解析
在日常互联网浏览中,我们经常会遇到想要保存整个网页的情况,无···
-
2024年20个免费综合B2B网站总结分享
在全球化和数字化的推动下,B2B(企业对企业)电子商务平台已···
-
国内免费B2B网站推荐,免费B2B网站大全
1. 中国制造网:http://www.made-in-ch···
-
pbootcms配置留言发送到QQ邮箱教程
1、登陆QQ邮箱,找到设置》账户2、下拉找到SMTP服务设置···
-
怎么安装PbootCMS?PbootCMS 运行环境要求?
怎么安装PbootCMS?系统自带完整后台以及一套响应式模板···
文章排行
-
如何保存整个网页:多种方法解析
在日常互联网浏览中,我们经常会遇到想要保存整个网页的情况,无论是为了离线浏览、分享内容、或者备份信息。这篇文章将介绍多种方法,从简单的浏览器功能到专用工具,帮助···
如何保存整个网页:多种方法解析
国内免费B2B网站推荐,免费B2B网站大全
网站建设公司流程都有哪些
微信小程序云开发价格是多少
北京小程序开发公司哪家好
-
15个免费B2B网站分享,2023年优秀B2B网站大全
1.中国供应商网网站地址:https://cn.china.cn/中国供应商是为了推动中国制造业及对外贸易产业重拳打造的B2B电子商务平台。中国供应商项目应用创···
15个免费B2B网站分享,2023年优秀B2B网站大全
2024年20个免费综合B2B网站总结分享
pbootcms配置留言发送到QQ邮箱教程
怎么安装PbootCMS?PbootCMS 运行环境要求?
个人如何免费在线做网站?做个人网站的常见问题