点评：用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候，list-style不起作用，不显示前面的点、圈等样式，在ul或li内加入样式：list-style-position: inside; 即可

实际上用了overflow:hidden 会影响 list-style，即当ul 中的li 的overflow 为hidden的时候， list-style不起作用，不显示前面的点、圈等样式。

解决办法：在ul或li内加入样式：list-style-position: inside; 即可。注意适当调节padding位置使之最适合。

列表的样式： 
disc :　CSS1　实心圆 
circle :CSS1　空心圆 
square :CSS1　实心方块 
decimal :　 CSS1　阿拉伯数字 
lower-roman :　 CSS1　小写罗马数字 
upper-roman : CSS1　大写罗马数字 
lower-alpha : CSS1　小写英文字母 
upper-alpha : CSS1　大写英文字母 
none :　CSS1　不使用项目符号 
armenian :　CSS2　传统的亚美尼亚数字 
cjk-ideographic:CSS2　浅白的表意数字 
georgian :　CSS2　传统的乔治数字 
lower-greek :　 CSS2　基础的希腊小写字母 
hebrew : CSS2　传统的希伯莱数字 
hiragana : CSS2　日文平假名字符 
hiragana-iroha: CSS2　日文平假名序 
katakana : CSS2　日文片假名字符 
katakana-iroha: CSS2　日文片假名序号 
lower-latin : CSS2　小写拉丁字母 
upper-latin : CSS2　大写拉丁字母 
*list-style-image: url(images/disc.gif); 用图像disc.gif代替列表项目显露 
*list-style-position : outside | inside 
outside: 　列表项目标记放置在文本以外，且围绕文本不根据标记对齐 
inside : 　列表项目标记放置在文本以内，且围绕文本根据标记对齐

li样式不显示使用overflow:hidden导致Li前面点、圈等样式不见的更多相关文章

  1. td内容自动换行 ,td超过宽度显示点点点… , td 使用 overflow:hidden 无效，英文 数字 不换行 撑破div容器

    我们可以先给表格 table上 固定一个宽度 不让表格撑破 width: 747px; table-layout:fixed; 然后我们在td上加上如下样式 style="width:100 ...

  2. overflow: hidden用法，不仅仅是隐藏溢出

    overflow:hidden是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. <!DOCTYPE html> <html ...

  3. 关于overflow: hidden;的一个诡异问题

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  4. overflow:hidden的用法

    overflow:hidden是大家常用到的CSS样式,但是大多数人对这个样式的理解仅仅局限于隐藏溢出,而对于清除浮动这个含义不是很了解. <%@ Page Language="C#& ...

  5. css中overflow:hidden的属性 可能会导致js下拉菜单无法显示

    css中overflow:hidden属性导致ExtJS中无法显示下拉滚动条 overflow属性: visible 默认.内容不会被修剪,会呈现在元素之外. hidden 内容会被修剪,但是浏览器不 ...

  6. border-radius导致overflow:hidden失效问题。

    如果一个父元素设置了overflow:hidden属于的同时还设置了border-radius属性,那么如果想隐藏超出的子元素,四个圆角处会出现超出圆角依然显示的bug: 一种方法是运用-webkit ...

  7. [Web 前端] inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

    cp from : https://blog.csdn.net/iefreer/article/details/50421025 在表单修改界面中常会使用一个标签.一个内容加一个修改按钮来组成单行界面 ...

  8. 当鼠标hover的时候，使用tip将overflow:hidden隐藏的文字显示完全

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...

  9. overflow:hidden清楚浮动的影响

    在网页布局中有时会遇到这种情况: 如果左边用<dt>,右边用<dd>,放在一行显示,<dt>要设置float:left,这个应该都知道,问题是,第一行这样做没有问题 ...

随机推荐

  1. [ACM] 最短路算法整理（bellman_ford , SPFA , floyed , dijkstra 思想，步骤及模板）

    以杭电2544题目为例 最短路 Problem Description 在每年的校赛里,全部进入决赛的同学都会获得一件非常美丽的t-shirt. 可是每当我们的工作人员把上百件的衣服从商店运回到赛场的 ...

  2. github fork项目后，代码更新

    协助约定 每个人都可以fork一份自己的repo,所有的修改都在自己私有的repo上进行:修改完成,测试通过后通过给主repo发pull request请求合并:主repo(Johnqing/n.js ...

  3. Java_swing控件实例

    package ming; import java.awt.BorderLayout; import java.awt.event.ActionEvent; import java.awt.event ...

  4. (转载)c语言指针学习

    前言 近期俄罗斯的陨石.四月的血月.五月北京的飞雪以及天朝各种血腥和混乱,给人一种不详的预感.佛祖说的末法时期,五浊恶世 ,十恶之世,人再无心法约束,道德沦丧,和现在正好吻合.尤其是在天朝,空气,水, ...

  5. axel源码学习(1)——重要流程细节

    前面一篇文章的流程太过于简单,基本没有触及到axel的核心,因此本文将要把axel中的几个重要的主要的操作流程单独弄出来看看,还是按照main函数的执行顺序来展开,略去错误处理之类的流程仅仅着眼于最重 ...

  6. Linux Shell产生16进制随机数

    n为字符长度 openssl rand -hex n

  7. saltstack实战2--远程执行之返回（returner）

    saltstack有3大功能:远程执行,配置管理,云管理 其中远程执行又可分解为:目标,模块,返回  这3个部分. 比如下面语句 [root@master ~]# salt '*' test.ping ...

  8. ttt

    <style> .head1{ background:rgb(51,51,51); height:49px; min-width:1241px; width:100%; z-index:1 ...

  9. 浅谈SqlCommand

    初学asp.net 的菜鸟应该都会像我一样想尝试一下前后台的交互吧!特别是与数据库的交互.下面就来说一下自己的个人经历. SqlCommand 首先需要引入system.Date.SqlClient命 ...

  10. 使用GitHub进行协同项目开发和开源项目贡献

    本教程致力于摆脱git命令行快速的学习使用GitHub. 此次是GitHub课程的第三次课程,也是最后一次课程.推荐进行按照次序查看本次教程.上篇文章:程序员,一起玩转GitHub版本控制,超简单入门 ...