您当前的位置:首页 > css知识 > css常用知识

CSS 首行缩进两个文字

时间:2020-09-28 10:54:32    来源:米谷网络    作者:济南米谷网络

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个翰墨空格功效。

<style>
.sj-div{ text-indent:2em; font-size:12px;}
.sj-p p{ text-indent:2em; font-size:24px}
</style>
推荐资讯