zoukankan      html  css  js  c++  java
  • IE6/7 BUG 列表UL OL项目符号不显示

    BUG描述

    触发了HASLAYOUT的列表UL OL,项目符号不显示

    BUG 举例DEMO

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
    <html lang="en">
    <meta name="robots" content="noindex">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Disappearing List Background Bug Demo - hasLayout.net by Zoffix Znet</title>
    
    <style type="text/css">
    
    body {
        background: #fff;
        color: #000;
    }
    
    ul, ol { 
        width: 500px;
        margin-left: 2em;
    }</style>
    
    <ul>
        <li>Foo</li>
        <li>Bar</li>
        <li>Baz</li>
    </ul>
    
    <ol>
        <li>One</li>
        <li>Two</li>
        <li>Three</li>
    </ol>

    BUG 截图

    BUG解决:

    方法1: 为列表UL OL的项LI添加边距

    li {
        margin-left: 2em;
    }
    方法2(有争议):如果你的列表不能加边距,你可以在li上加边距,在UL/OL上加负边距抵消,如下:
    ul, ol { 
        width: 500px;
        margin-left: -2em;
    }
    li {
        margin-left: 2em;
    }
  • 相关阅读:
    (转)灵活运用 SQL SERVER FOR XML PATH
    Docker
    Springboot
    Redis
    Centos7.6在线安装mysql8.0.16
    Centos7.6安装jdk1.8
    Dubbo
    相关性检验
    逻辑回归和决策树上的一些区别
    postgresql 学习手册(客户端)
  • 原文地址:https://www.cnblogs.com/amws/p/3142291.html
Copyright © 2011-2022 走看看