怎么设在html中无序列表<li>之间的距离

 我来答
刺友互
高粉答主

2021-01-10 · 每个回答都超有意思的
知道答主
回答量:3979
采纳率:100%
帮助的人:72.3万
展开全部

1、新建一个html文件,命名为test.html。

2、在test.html文件内,创建一个div模块,在div标签内,使用ul、li标签创建一个无序列表。

3、在test.html文件内,设置div的class为mydiv,主要用于设置div的css样式。

4、在css标签内,通过class设置div的宽度为300px,高度为200px,背景颜色为灰色。

5、在test.html文件内,再设置无序列表ul的样式 ,使用width属性设置其宽度为100px,同时使用margin属性设置其居中显示。

6、在浏览器打开test.html文件,查看实现的效果。

sky不用太多sky
高粉答主

2018-03-31 · 醉心答题,欢迎关注
知道大有可为答主
回答量:1082
采纳率:97%
帮助的人:47.7万
展开全部

垂直排列行间距:line-height:25px

水平排列:margin:0px 5px;(左右各有5像素间距)

li标签内文字间距:letter-spacing:1px;

万维网上的一个超媒体文档称之为一个页面(外语:page)。作为一个组织或者个人在万维网上放置开始点的页面称为主页(外语:Homepage)或首页,主页中通常包括有指向其他相关页面或其他节点的指针(超级链接),所谓超级链接,就是一种统一资源定位器(Uniform Resource Locator,外语缩写:URL)指针,通过激活(点击)它,可使浏览器方便地获取新的网页。这也是HTML获得广泛应用的最重要的原因之一。在逻辑上将视为一个整体的一系列页面的有机集合称为网站(Website或Site)。超级文本标记语言(英文缩写:HTML)是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。

网页的本质就是超级文本标记语言,通过结合使用其他的Web技术(如:脚本语言、公共网关接口、组件等),可以创造出功能强大的网页。因而,超级文本标记语言是万维网(Web)编程的基础,也就是说万维网是建立在超文本基础之上的。超级文本标记语言之所以称为超文本标记语言,是因为文本中包含了所谓“超级链接”点。

超级文本标记语言是标准通用标记语言下的一个应用,也是一种规范,一种标准,它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件,通过在文本文件中添加标记符,可以告诉浏览器如何显示其中的内容(如:文字如何处理,画面如何安排,图片如何显示等)。浏览器按顺序阅读网页文件,然后根据标记符解释和显示其标记的内容,对书写出错的标记将不指出其错误,且不停止其解释执行过程,编制者只能通过显示效果来分析出错原因和出错部位。但需要注意的是,对于不同的浏览器,对同一标记符可能会有不完全相同的解释,因而可能会有不同的显示效果。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友d7e10266d1
推荐于2017-11-25 · TA获得超过5480个赞
知道小有建树答主
回答量:713
采纳率:0%
帮助的人:715万
展开全部
垂直排列行间距:line-height:25px
水平排列:margin:0px 5px;(左右各有5像素间距)
li标签内文字间距:letter-spacing:1px;
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
541472110
2011-12-13 · 超过22用户采纳过TA的回答
知道答主
回答量:90
采纳率:0%
帮助的人:60.9万
展开全部
设置li的margin-top样式设置10px,那么就间隔10px
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
dangboy
2011-12-07 · TA获得超过3306个赞
知道小有建树答主
回答量:992
采纳率:80%
帮助的人:418万
展开全部
增加行距显示
<div style="line-height:50px;">
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
</div>
<br>
<br>
对比正常显示
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
<li>中华人民共和国</li>
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 1条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式