首頁  >  文章  >  web前端  >  关于ul列表格式实在整不出来了_html/css_WEB-ITnose

关于ul列表格式实在整不出来了_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:11:30762瀏覽

<style>ul li ul{width:100%;}ul li ul li{width:180px; float:left;}</style><ul>  <li>父节点1    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li>  <li>父节点2    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li></ul>

图片里上半部分是ie6里显示的效果,正式我想要的,但是到了火狐里就变成下面那样,请问应该怎么写才能跟ie6里显示的一样啊?


回复讨论(解决方案)


      
  • 父节点1
        

             
    • 子节点1

    •        
    • 子节点2

    •        
    • 子节点3

    •     

      

  •   
  • 父节点2
        

             
    • 子节点1

    •        
    • 子节点2

    •        
    • 子节点3

    •     

      




试试

<style>ul li ul{width:100%;}ul li ul li{width:180px; float:left;}</style><ul>  <li>父节点1    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li><br/>  <li>父节点2    <ul>       <li>子节点1</li>       <li>子节点2</li>       <li>子节点3</li>    </ul>  </li></ul>

...你想换行就加个空行呗。。。

更正下一楼


      
  • 父节点1
      

        
    • 子节点1

    •   
    • 子节点2

    •   
    • 子节点3

    •   

      

  •   
  • 父节点2
      

        
    • 子节点1

    •   
    • 子节点2

    •   
    • 子节点3

    •   

      



ul li ul{width:100%; overflow:hidden;}

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn