• 诡异的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>
    

     

  • 相关阅读:
    UE4项目《和平精英》渲染技术浅析
    如何用CMake构建Android C++库
    Unity Native Plugin
    多边形三角化
    参考图
    Unity SRP学习笔记
    Macbook Pro HDMI 无信号解决办法
    CGAL计算几何算法库
    无标记动作捕捉
    PS 鼠绘
  • 原文地址:https://www.cnblogs.com/xjinza/p/xiaobu.html
Copyright © 2020-2023  润新知