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网别的相干文章!