如何设置h5页面中的行距?

html-css05

如何设置h5页面中的行距?,第1张

1、打开vscode,创建一个H5规范的页面,用于演示html行间距的设置方式。

2、在页面中添加一个div,设置宽度为300,目的是为了让div中的文字换行,从而设置行高

3、在浏览器中打开页面,可以看到默认的文字间距,如图所示

4、如果想要将行间距增大,那么可以在div标签中的style属性中添加line-height属性值

5、在浏览器中打开页面,此时就可以看到文字间距变大了

IE5以上的浏览器以及其他的浏览器已经统一了盒模型尺寸的计算方式。即: 【实际高度】=【预设高度】+【padding-top】+【padding-bottom】 margin是不计算在内的。另外你忽略了文字默认的行高。 你得把A的display定义成block,然后加上尺寸。 一般来说。font还有一个默认的行高,也即line-height , 如果不定义高度,默认的a的高度应该是font的行高,而不是font-size的值。综合盒模型高的计算公式,你现在的高度应该是 【实际高度】=【line-height】+【5px】+【5px】 【建议】 1.定义一下行高。 2.或者定义a为block,并加尺寸。(推荐)