•   欢迎来到21NN网.
  •   请记住本站网址www.21nn.cn

css首行缩进2字符怎样设置?缩进的CSS代码是什么【html5教程】,css首行缩进,2字符

摘要: 本篇文章给人人带来的内容是关于css首行缩进2字符怎样设置?缩进的CSS代码是什么,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。1、起首运用缩进CSS属性:text-inde...
本篇文章给人人带来的内容是关于css首行缩进2字符怎样设置?缩进的CSS代码是什么,有肯定的参考价值,有须要的朋侪能够参考一下,愿望对你有所协助。

1、起首运用缩进CSS属性:text-indent

2、单元正确的挑选:

1)、px单元

假如晓得字体大小,而且是牢固的能够运用px作为缩进值单元。

假如字体大小在12px,设置text-indent:24px(24px摆布即可)。

2)、em单元(强烈推荐)

em是相对长度单元

不管字体大小设置若干,em单元作为缩进款式单元,即可自适应完成要缩进笔墨长度。

text-indent:2em 设置2em,就可以完成不管字体大小设置若干,都能自适应缩进2个字的间隔空格结果。

3、缩进2个汉字位置实例

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>方才缩进2个字CSS实例</title>
<style>
.f14{ font-size:14px}
.f22{ font-size:22px}
.sjlz{ text-indent:2em}
</style>
</head>
<body>
<div class="f14 sjlz">我字体大小为14px,看看是不是<br />恰好缩进2个汉字位置</div>
<div class="f22 sjlz">我字体大小为2px,看看是不是<br />恰好缩进2个汉字位置</div>
</body>
</html>

显现以下:

不管设置字体大小若干,均完成自适应完成缩进2个字空格位置

总结:运用text-indent:2em,运用em单元最适合的缩进单元。

以上就是对css首行缩进2字符怎样设置?缩进的CSS代码是什么的悉数引见,假如您想相识更多有关CSS3教程,请关注ki4网。

以上就是css首行缩进2字符怎样设置?缩进的CSS代码是什么的细致内容,更多请关注ki4网别的相干文章!

分享到:

发表评论

评论列表

还没有评论,快来说点什么吧~

公众号二维码

微信公众号