Question

如何用CSS代码设置<li>标签内的行距?

<li>标签内的行距太小,如何通过外部CSS文件设置它.
直接在css代码中更改
ul li{line-height: 1.6em;}
已经解决问题

Answer 1

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

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

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

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

Answer 2

通过对li元素设置如下css样式来实现<li>标签内的行距的调整

li{line-height:20px;}

示例如下：

1. 给出列表元素的CSS代码，默认情况下显示效果如下

   <ul>
   	<li>我是列表项1</li>
   	<li>我是列表项2</li>
   	<li>我是列表项3</li>
   </ul>

   
   

2. 添加css样式调整间距，显示效果如下

   li{line-height: 50px;}

   

Answer 3

加入一个段落标记
<li><p>文本内容</p>

CSS代码设置
li p{
line-height:行距
}