ul li本来就是快标签，为什么还要用display:block来修饰

最新推荐文章于 2025-07-13 19:19:04 发布
原创 最新推荐文章于 2025-07-13 19:19:04 发布 · 3.2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文探讨了在不同浏览器环境下，为有序或无序列表中的li元素应用display:block样式导致项目编号消失的问题。此现象在Internet Explorer 8、Opera 9、Chrome、Firefox 2&3 和 Safari 中出现，但在IE6和IE7中项目符号依然存在。
在Internet Explorer 8, Opera 9, Chrome, Firefox 2 & 3, and Safari下，添加display:block会让有序或无序列表中li元素的项目编号消失。但在IE6和IE7下，添加display:block项目符号依旧存在。可能是这个原因 - -
html标签默认值,HTML标签CSS属性默认值汇总
weixin_35698805的博客
06-17 2070
HTML标签CSS属性默认值，在你需要还原默认值的时候比较有用。以前一直在找这份文档，今天偶然在网上看到了。除了inline和block的定义，主要是要注意body|h1~h6|blockquote|menu|ul|ol|dd等标签的默认样式(margin和font-size)。html, address,blockquote,body, dd, div,dl, dt, fieldset, for...
“设置display:block-inline的li或div中添加文字后，导致li或div排版掉落、错位”的原因及解决方法
titoni_yunruohan的博客
11-25 4157
 情景    在了解可以通过设置display：inline-block会将块级元素拥有inline元素一行排列的特性，那么我们可能想要通过将li的display属性设置为inline-block来实现块级元素的行排列，这时候你可能说通过设置浮动float就可以解决，不着急，float的原理和实现作为补充内容会接着聊，那么接下来先通过效果图来看一下问题所在 代码展示（通过设置display将li...
li 与 li 之间设置display: inline-block；后有看不见的空白间隔如何形成的,相应的解决办法
黑木令之佛性
06-21 5424
之前有整理过一部分知识点, 一直没有发布, 因为都是有关 前端 方面的零散内容; 现在想想无论分享什么内容都需要慢慢积累, 所以还是决定将之前整理的相关内容验证之后慢慢分享给大家 这个专题 就是 工作中开发问题总结 相关的内容; 不积跬步，无以至千里, 戒焦戒躁 。 最近一段时间很少能够静下心来深入研究技术，主要是工作太忙，项目如同流水一样，每天都在不停的开发，除了开发还是开发；晚上夜深人静的时间可以终于可以抽出时间来研究一下技术，一时之间又不知道从哪里开始了；想了想就去网上寻找一些有趣的现象，还真的被找到
学习三种display:block,inline,inline-block的巩固记录
最新发布
Smjbid的博客
07-13 439
一直对display的分类很模糊，各种混用，感觉反正只要满足开发需求就好，但是最近却发现因为基础不牢会浪费不少时间去纠正各种定位，布局问题，所以这里自己记一个笔记来巩固。
无序列表标签＜ul＞和＜li＞
企业级技术与网站app运营
05-18 1万+
标签的子标签必须是<li>，绝对不能出现任何其他的标签。但是你把<p>标签写到<li>标签的外面、作为<ul>的直接子标签是错误的。无序列表使用<ul>
【HTML知识】——标签图文详解(五)
2401_86134243的博客
08-24 5032
dl>定义列表的作用非常大。<dl>英文单词：definition list，没有属性。dl的子元素只能是dt和dd。<dt>：definition title 列表的标题，这个标签是必须的<dd>：definition description 列表的列表项，如果不需要它，可以不加备注：dt、dd只能在dl里面；dl里面只能有dt、dd。
html中ul和li标签的用法介绍
xiaoweids的博客
05-16 5663
普通的显示数据的时候，ul就是项目列表，li就是列表项，可以用来显示数据，如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框需要配合CSS一起设置，这篇文章主要介绍了html中ul和li标签的用法详解,需要的朋友可以参考下普通的显示数据的时候，ul就是项目列表，li就是列表项。可以用来显示数据。如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框等需要配合CSS一起设置。
div包裹着ul标签，当ul标签里的li标签为空就隐藏div 当ul里的li标签不为空，就显示div 通过js表达 请显示完整代码
06-10
然后在JavaScript中，我们获取了ul和div的DOM元素，然后判断ul元素中的innerHTML是否为空，如果为空，则将div元素的display属性设置为“none”，否则将其设置为“block”。最后，将JavaScript代码放在了页面底部，...
css span怎么用以及ul li
02-28
比如用ul li做导航菜单，或者用span来修饰文本中的某些部分。需要给出实际应用的例子，比如导航菜单的代码示例，或者span改变颜色的例子。 还要确保语言口语化，避免技术术语过多，但必要的术语还是得用，然后简单...
将以下一段css分别改写成less和sass .navbar {     padding: 20px;     background-color: #f8f9fa;   }     .navbar ul {     margin: 0;     padding: 0;   }     .navbar li {     display: inline-block;     margin-right: 15px;   }     .navbar a {     color: #333;     font-size: 16px;   }     .navbar a:hover {     color: #007bff;   }     .button {     padding: 8px 16px;     border-radius: 4px;     background-color: #28a745;   }     .button.alert {     background-color: #dc3545;   }
03-18
.navbar有padding和背景色，内部ul的margin和padding为0，li是inline-block，右边距15px，a标签颜色和字体大小，hover时颜色变化。还有.button类及其.alert变体。 LESS和SASS都支持嵌套规则，变量，混合宏等。但...
1、广告幻灯片切换利用DIV、UL、LI等标签进行布局 2、设置相应CSS样式 （1）图片大小为：500px * 300px （2）设置左侧切换按钮背景效果 （3）设置切换文字按钮鼠标不放上去时为黑色文字，放上去为红色文字 （4）图片和文字按钮区域设置相应的边框线进行修饰 3、采用JQUERY实现鼠标放置到不同文字显示不同风景图片。 4、完成效果见参考图
06-10
我们使用DIV作为容器，内部用UL和LI来组织幻灯片项（每张图片为一个LI）。同时，我们使用一组文字按钮（也用UL和LI实现）作为缩略图控制。要求：1.图片尺寸500px*300px2.左侧按钮区域：包含文字按钮（每个按钮对应...
css中的三种基本定位机制
12-01
css中的三种基本定位机制 a.普通文档流 b.定位：相对定位 　　       绝对定位 　　　   固定定位 c.浮动 1.普通流中，元素位置由文档顺序和元素性质决定，块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin值计算得到，行内元素在一行中水平布置 2.相对定位看作普通流的一部分，移动后的元素仍占据原来的位置，移动元素会导致他覆盖其他的框 3.绝对定位相对于已定位的最近的祖先元素，绝对定位脱离普通流 4.固定定位是相对于浏览器窗口的定位 5.浮动的元素可以左右移动，直到他的外边框边缘碰到包含自己的框或者另一个浮动框的边缘 6.浮动的元素脱离普通文档流 7.行内元素和行内
标签显示模式（display）
御坂御坂001的博客
10-18 562
标签显示模式（display） 1.什么是标签显示模式 什么是标签显示模式？ 便签以什么方式进行显示，比如div自己占一行，比如span一行可以放多个 作用： 网页种标签很多，不同地方用到不同标签，以更好完成网页 标签类型 HTML标签一般分为块标签和行内标签两种类型，它们也称为块元素和行内元素 2.块级元素（block-level） 常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中
html中ul和li标签的用法
热门推荐
kwame211的博客
11-28 8万+
普通的显示数据的时候，ul就是项目列表，li就是列表项。可以用来显示数据。 如果用于DIV＋CSS布局的话，ul+li可以替换表格的作用，具体的设置，如果宽度高度、行间距、背景边框等需要配合CSS一起设置。 一.做导航，居中 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> &...
ul下的display: none;无效和用Bootstrap的图标不显示
眾K的博客
09-01 1114
1.在@media screen and (max-width:500px){ .nav_ul{ display: none; } } ul不消失。解决，在ul外再加一个div 2. 图标显示不出来可能没引CSS，或者没放fonts文件
display属性值详解
qq_57220516的博客
02-26 1253
display属性汇总，真实情况的应用，超级实用的小技巧
css常用标签使用：标签a、ul li 属性display、list-style、background-image，水平、垂直居中
weixin_46371752的博客
01-08 1541
使用ss样式： 1、在html的<head> </head>中 <head> <style> div{ color:red; } </style> </head> 2、在html的<head> </head>中引入css文件 <head> <link rel="stylesh
CSS学习笔记六---元素显示类型
Flora_hsx的博客
07-31 613
CSS学习笔记六+二级菜单案例
HTML学习——DAY2
m0_67457135的博客
02-06 1764
标签：dl嵌套dt和dd，dl是定义列表，dt是定义列表的标题，dd是定义列表的描述/详情。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值