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

html-css09

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

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

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

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

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

你把li的样式里面增加个浮动的样式。float:left至于每排4个，那就看你ul宽度多宽，以及每一个li的宽度（例如ul总的宽度是600px，li如果想要4个一排那么每一个里就是600/4的宽度）

可以通过width属性设置li中字段的宽度根据实际长度显示宽度。在li的样式中加上width:auto就可以实现了；现在来看下面一段代码：

CSS样式设置：

#info_main{text-align:centerborder:1px solid

#CCCwidth:620px}

#info_main li{width:autofloat:leftmargin:0px 8px

padding:0pxborder:1px solid #CCC}

网页代码：

<div

id="info_main">

<ul>

<li>时间：{dede:field name='pubdate'

function='strftime("%Y-%m-%d %H:%M","@me")'

/}</li>

<li>来源：{dede:field.source/}</li>

<li>作者:{dede:field.writer/}</li>

<li>点击:<script

src="{dede:field

name='phpurl'/}/count.php?view=yes&aid={dede:field

name='id'/}&mid={dede:field name='mid'/}"

type='text/javascript'

language="javascript"></script>次</li>

</ul>

</div>

显示效果如下图：