zoukankan      html  css  js  c++  java
  • ie6 ie7下,Li不能自动换行,出现竖排文字现象(PS:li不固定宽度,所有li同一行显示),在ie8却可以

    好久没写CSS,今天又发现一个ie兼容问题。

    我需要所有的li在同一行显示,不固定Li的宽度,如果一行排不下,需要自动换行。当然Li的内容长度不同。

    必须在li加white-space:nowrap;

    如果没加这句,IE6和IE7会乱掉(如图1),IE8是好的(如图2)

                                 (图1)

                                 (图2)

    <style>
     *{padding:0;margin:0;}
     ul,li{list-style:none;}
     .list{padding:100px;background:#e4e8da;height:300px;300px;}
     .list li{float:left;margin:5px 10px;font-size:14px;font-family:"微软雅黑";color:#7ec052;}
    </style>

    <ul class="list">
        <li>除尘器布袋</li>
        <li>除尘器骨架</li>
        <li>电磁脉冲阀</li>
        <li>脉冲控制仪</li>
        <li>星型卸料器</li>
        <li>卡箍</li>
        <li>脉冲阀膜片</li>
        <li>吊帽</li>
        <li> 除尘器花板</li>
        <li>气缸</li>
        <li>骨架口底</li>
        <li>文氏管</li>
        <li>通风蝶阀</li>
        <li>布袋/滤袋清洗</li>
     </ul>

  • 相关阅读:
    [CF1336C] Kaavi and Magic Spell
    [CF1338C] Perfect Triples
    [CF1353F] Decreasing Heights
    [CF1442B] Identify the Operations
    [CF1354E] Graph Coloring
    [CF1364D] Ehab's Last Corollary
    php-fpm和fastcgi的区别
    phpredis实现互斥锁
    关于lnmp情况下PHP单线程的理解
    客户端断开链接以后 PHP执行过程实测
  • 原文地址:https://www.cnblogs.com/lisaNote/p/5302108.html
Copyright © 2011-2022 走看看