词条信息

admin
admin
超级管理员
词条创建者 发短消息   

相关词条

热门词条

更多>>
什么是端口?到底是做什么的呢?
端口一般指两种,一种是硬件比如路由器或者交换机的插网线的端口,一种是软件的逻辑的概念,比如http的80端口!...
7种进阶方法让你快速测试端口连通性
Ping是Windows、Linux和Unix系统下的一个检查网络连通性的命令工具,对于大部分互联网用户来说很...
电脑开机,总需要按F1,是什么原因造成的?
一.主板掉电这个说法是行业内的叫法了,一般是主板的CMOS电池没电了导致的。也是最常见的一种提示你按F1的提示...
社保降费对个人有什么影响?
下调城镇职工基本养老保险单位缴费比例是政府给企业发的一个大红包,特别是对于企业来说是一个利好,但是对个人来说有...
车辆“出险”对下年保费的影响,到底有多大?
【出险对交强险的影响】【出险对商业险的影响】车辆“出险”对下年保费的影响,到底有多大?这里有必要先提下车险第三...
解决网 >>所属分类 >> 网页设计    CSS   

CSS 首行缩进两个文字

标签: css 段落缩进

顶[0] 发表评论(0) 编辑词条

css实现段落P 首行缩进两个文字,css 缩进2个文字间距距离。html不使用空格字符,使用css实现段首或div内文字开头时空格两个文字效果。


缩进2个文字排版效果缩进2个文字排版效果

div内文字首行就像空格一样缩进2个文字间隔位置。


缩进CSS 属性样式单词:


text-indent


设置CSS缩进值:


text-indent:2em


设置值为2em——两个相对长度单位。


假如设置字体大小为12px,为什么不设置缩进值为24px;比如设置字体大小为20px,为什么不设置缩进值为40px呢?


那就从html长度单位em解释:


相对于当前对象内文本的字体尺寸。em这个单位的意思就是相对文字大小,1em就是1个文字大小,2em就是两个文字大小。


px为相对固定像素单位,如果内容字体大小改变,而缩进px单位值是不随字体大小而改变,那么缩进就不是刚好2个文字位置空格缩进间距了,修改文字大小就要再修改缩进值,比较麻烦。


如果使用em相对文字大小为2单位(2em),无论以后对DIV字体大小、P字体大小的改变都会自适应缩进刚合适的2个文字空格效果。


实例CSS代码:


<style>

.sj-div{ text-indent:2em; font-size:12px;}

.sj-p p{ text-indent:2em; font-size:24px}

</style>


以上CSS代码如果放入CSS文件,需要去掉style标签。


实例HTML内容代码:


<div class="sj-div">

我国《商标法》规定,商标注册人享有商标专用权,受法律保护。<br />企业申请商标最大的价值就是保护自己的品牌,保证自己的品牌产品、服务正常地在市场上进行销售、推广,阻止他人的使用。

</div>

<div class="sj-p">

<p>我国《商标法》规定,商标注册人享有商标专用权,受法律保护。<br />企业申请商标最大的价值就是保护自己的品牌,保证自己的品牌产品、服务正常地在市场上进行销售、推广,阻止他人的使用。</p>

<p>一方面,商标注册遵循在先申请制度,企业如果没有注册商标,很容易被一些竞争对手和商标投机分子恶意抢注。另一方面,商标承载着品牌的商誉,是企业品牌价值的法律载体。</p>

</div>


以上HTML和CSS代码摘要重要代码与内容。


浏览器运行实例代码效果截图:


缩进设置2em 缩进设置2em

从上面实例和浏览器运行效果看出CSS排版首行缩进刚好两个文字位置,使用text-indent:2em即可完美排版实现布局需求。

 

 

附件列表


按字母顺序浏览:A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

→我们致力于为广大网民解决所遇到的各种电脑技术问题
 如果您认为本词条还有待完善,请 编辑词条

上一篇2019年路由器选购方案大推荐
下一篇文章p标签css首行缩进text-indent后,图片img怎么设置不缩进解决办法

0
1. 本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
2. 本站内容仅供参考,如果您需要解决具体问题,建议您咨询相关领域专业人士。
3. 如果您没有找到需要的百科词条,您可以到百科问答提问或创建词条,等待高手解答。

关于本词条的提问

查看全部/我要提问>>