• 诡异的liststyle bug ie6、ie7下


    <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    	<style type="text/css">
    		*{ margin:0px; padding:0px;}
    		ul{ 300px; padding-left:30px;  }//padding必须卸载ul中,写在li中无效
    		li{ 180px; list-style:circle outside; }
        </style>
    </head>
    <body>             
            <ul>                 
              <li>品牌商家免费提供试用品(免费试用总价值不低于1000元;付邮试用数量不小于200件)数量见合作细节</li>
              <li>品牌商家自己发货,邮费自己承担</li>
            </ul>         
    </body>
    </html>
    

      Chrome下

      

    ie6、ie7下:

     现在把css改为下面,就可以了,为什么li加了宽度会这样呢?想不明白,求高手解答

    <style type="text/css">
    		*{ margin:0px; padding:0px;}
    		ul{ 200px; padding-left:30px;  }
    		li{  list-style:circle outside; }/*180px;*/
        </style>
    

     

  • 相关阅读:
    双边沿采样
    `ifdef、`else、`endif 用法
    交通信号灯
    异步复位同步释放
    用Verilog来实现d触发器2分频的Verilog hdl程序
    谈谈Mux与门电路的相互替换(包含实例分析)
    数字电路笔试题
    仰视奶牛
    单调栈
    div2 620 C
  • 原文地址:https://www.cnblogs.com/xjinza/p/xiaobu.html
Copyright © 2020-2023  润新知