ol li 不显示编号

第一种可能性是样式重置导致

去掉list-style:none;

第二种可能性是设置了*{margin:0;padding:0}

可以在需要的位置加上margin-left:10px;(根据自己需要设定)
有序列表需要一定的边距才可以设置的

        ul>li{
            margin-left:30px;
            list-style-type: disc;
        }
        ol>li{
            margin-left: 30px;
            list-style: decimal;
        }

原文地址：https://www.cnblogs.com/why98/p/12243255.html

时间： 2024-10-31 06:33:43

ol li 不显示编号的相关文章

ul ol li的序号编号样式

首先来那看一个序号样式的例子,下面是html代码(做参考) <ol> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表内容列表内容列表</li> <li>列表内容列表</li> <li>列表内容列表内容4</li> <li>列表内容列表内容5</li> </ol> 一.示例 1.自定义序号, 一般的列表顺序都是以1.2.3.为序号,但需要“.”

有序序列ol li 详解（ol li 标号未显示？）

ol定义和用法 <ol> 标签定义了一个有序列表. 列表排序以数字来显示.使用<li> 标签来定义列表选项. 基本语法如下: <ol> <li>菠萝</li> <li>西瓜</li> <li>火龙果</li> </ol> 运行结果: ol属性属性值描述 compact compact HTML5中不支持,不赞成使用.请使用样式取代它. 规定列表呈现的效果比正常情况更小巧. reve

本文主要介绍html中有序列表标签ol,li的高级应用, 在网页设计时我们设计有序列表内容时,经常会在每个ITEM前手工加上一个数值,或是由程序加上这个数值. 而如果使用有序列表标签ol和li,则不需要这么麻烦,根本不用自行去填写序数,当单层列表的时候这种特性似乎并不明显,而当使用多层的时候其特性就很明显了. 一般的标签ol和li有序列表应用代码如下: <ol> <li>列表内容一</li> <li>列表内容二</li> <li>列表

<ol>-<li>有序列表标签

概念:多个并列的列表项,它们之间有明显的先后顺序源码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta

ol,li,ul,dl,dt,dd

块级元素div尽量少用,其实和table一样,嵌套越少越好,它也是会影响速度的! ol 有序列表. <ol> <li>……</li> <li>……</li> <li>……</li> </ol> 表现为: 1…… 2…… 3…… ul 无序列表,表现为li前面是大圆点而不是123 <ul> <li>……</li> <li>……</li> </ul&

css 实现 ul li 的显示与隐藏

本文从CSS角度来实现导航栏的显示与隐藏,用到了ul.li标签 html源代码: css文件: 有点小感悟:总是先设置默认情况:默认不显示或者默认黑色,然后再设置hover时的具体情况 li颜色变化比较简单:设置个全局颜色(默认颜色),然后li:hover设置hover时的颜色: li 显示比较复杂,因为涉及到自菜单显示情况:总是先设置下属所有子菜单全显示,然后设置间接子菜单不显示(存在间接子菜单的情况).

<UL>中<li>标签前编号图片的简单调用

Bootstrap

第一章:认识Bootstrap Bootstrap的特点:灵活.优雅.可扩展. Bootstrap的定义:简单灵活的用于搭建Web页面的HTML.CSS.JavaScript工具集. Bootstrap中的JS插件依赖于jQuery,因此jQuery要在Bootstrap之前引用. Bootstrap不支持IE8. 第二章:排版一.全局样式: Bootstrap不再一味的清零,而是注重重置可能产生的样式,保留和坚持部分浏览器的基础样式. 二.标题: Bootstrap定义标题也使用<h1>到

2015年11月27日 BootStrap知识点汇总

一.BootStrap简介 BootStrap不支持IE的兼容模式,加入 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 平时使用的移动浏览器是放在虚拟视口viewport中,虚拟视口比屏幕宽,会破坏没有针对移动浏览器的布局,viewport可以让开发者控制网页的大小和缩放,width=device-width让宽度等于设备的宽度,初始缩放比例为1也就是不缩放,网页会显得更细腻,为了更好地适配移