如何设置ul中li的行距
默认情况下是下面的样子,行距太大了,不美观,需要调整。
但是像下面这样给ul或li设置行高是无效的,
ul {
display:block;
list-style-type:none;
line-height:20px;
}
li {
display:inline;
line-height:20px;
}
正确的做法应该是给ul设置边距。在ul中li是块级元素,它与别的块之间有空白,通过给ul设置属性,减少空白的大小就可以达到减少li的行间距的效果。
ul {
display:block;
list-style-type:none;
margin:5px;
}
这样看起来紧凑多了。
如何设置ul中li的行距相关推荐
- 前端中全部盒子靠左对齐_图文详解ul中li内容垂直居中和水平居中的方法
在页面布局时,经常会用到li标签,它可用于列表,导航,选项卡等等,那你知道如何让ul中的li居中吗?这篇文章就和大家讲讲如何让ul中的li水平居中以及如何让li内容垂直居中.感兴趣的朋友继续往下看吧. ...
- html循环自动点击事件,js循环遍历ul中li的点击事件,给给选中li添加css
功能:对于一个ul中固定的li个数,当点击其中一个li时,改变选中li的颜色:同时改变对应的另一个ul中li的颜色 页面初始化的界面: HTML: 其他推荐: 10:21 10:22 10:25 10 ...
- js ul 清缓存_JavaScript使用ul中li标签实现删除效果
本文实例为大家分享了js使用ul中li标签实现删除效果的具体代码,供大家参考,具体内容如下 ul { list-style: none; } li { background-color: #ddd; ...
- js向ul中写html语言,javascript操作ul中li的方法
本文实例讲述了javascript操作ul中li的方法.分享给大家供大家参考.具体如下: /p> "http://www.w3.org/TR/xhtml1/DTD/xhtml1-tra ...
- 强制ul中li不换行
<style type="text/css"> <!-- #dh { width: 300px; overflow: hidden; he ...
- html多个ul时怎么选择某个li,选中多个ul中的第一个li方法
获取第一个ul中的第一个li标签的方法: //获取第一个ul中的第一个li /* $("ul li:first").css("background"," ...
- Div+CSS布局入门教程(五) 页面制作-用好border和clear 附加:1.DIV+CSS设计原则 2.DIV+CSS中标签ul ol li dl dt dd用法
这一节里面,主要就是想告诉大家如何使用好border和clear这两个属性. 首先,如果你曾用过table制作网页,你就应该知道,如果要在表格中绘制一条虚线该如何做,那需要制作一个很小的图片来填充,其 ...
- html中ul和li标签的用法介绍
普通的显示数据的时候,ul就是项目列表,li就是列表项,可以用来显示数据,如果用于DIV+CSS布局的话,ul+li可以替换表格的作用,具体的设置,如果宽度高度.行间距.背景边框需要配合CSS一起设置 ...
- 消除html中li的点,Html中CSS之去除li前面的小黑点,和ul、LI部分属性方法
对于很多人用div来做网站时,总会用到,但在显示效果时前面总是会有一个小黑点,这个令很多人头痛,但又找不到要源,其它我们可以用以下方法来清除. 1.在CSS中写入代码.找到相关性的CSS,在..li和 ...
最新文章
- mybatis-错误记录java.lang.ExceptionInInitializerError
- 家长不知道孩子在学校学的咋样,怎么能得行?
- 用GDB调试程序(七)
- 基于Html5的移动端开发框架的研究
- Docker最全教程之Ubuntu下安装Docker(十五)
- IE或Chrome浏览器玩Xbox游戏能实现吗
- Matlab--存储和加载.mat文件形式的数据
- python上传本地文件到远程hdfs_Python之——自动上传本地log文件到HDFS(基于Hadoop 2.5.2)...
- MSSQL数据库的一些长度限制
- Java入门到精通(干就完了)
- 计算机专业 论文检索,如何检索计算机专业论文文献
- 熊拍拍是什么?熊拍拍是下一个风口吗?
- 帆软参数设置_报表工具FineReport新版本参数全攻略
- 集美福利!陈睿当时加入B站的故事分享
- 【微信小程序】实现简单轮播图效果
- 国内有免费“免费虚拟主机““免费云服务器”吗?
- @PageableDefault
- C++怎么操作EXCEL
- 开关电源:效率与VOUT的关系
- 民航运输服务与管理类毕业论文文献有哪些?