css行间距怎么设置_教程

HTML 行间距的设置方法与问题

我们可以用:来设定一段文字内的行距.

但我们怎么设定两段文字之间的行距呢? 即

1 一段文字

2 第二段文字

之间的行距怎么设定呢?我可以设成单倍间距吗?

另外,line-height:100%是不是就是我们在Word中的单倍行距

段与段距：

1 一段文字

2 第二段文字

也可以这样写文字内容,如果设置为1就是单倍行距了，2就是双倍行距。

或文字内容，设置为100%就是单倍行距。

用 就可以空一行了

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，一个新建html文件，例如：index.html，填充问题基础代码。

2、其次，在index.html中的<style>标签中，输入css样式代码：li{padding-top:49px}。

3、浏览器运行index.html页面，此时通过css将li标签的行距调整为了49px。

1、使用数值来设置行间距

<!DOCTYPE html>

<html>

<head>

<title>使用数值来设置行间距</title>

p.small {

line-height: 0.5

}

p.big {

line-height: 2

}

</style>

</head>

<body>

这是拥有标准行高的段落。默认行高大约是 1。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。这是拥有标准行高的段落。

这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。这个段落拥有更小的行高。

这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。这个段落拥有更大的行高。

</body>

</html>

欢迎分享，转载请注明来源：内存溢出

css行间距怎么设置