css要设置2倍行高

html-css020

css要设置2倍行高,第1张

其实,行高就是你所设置的字符大小的高度。

即,在段落中,你的字体是12PX,那么1倍行高就是12PX。2倍当然就是12*2=24PX了。

因为,所谓的行高,其实就是段落中字符的大小。如果你的行高小于你的字符大小,那么第二行的字就会挡住了第一行的字。

具体例子,你可以自己试试就明白了。

1、打开Notepad++,新建一个文件

2、输入图中内容:

3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html

4、选择文件的保存位置,点击保存按钮

5、然后添加一个标签,输入一段用来测试的文字。

6、使用浏览器打开查看显示样式,现在还没有缩进。

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!

这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。