求高手帮我写个列表与列表之间的嵌套问题_html/css_WEB-ITnose

[img=http://b308.photo.store.qq.com/psb?/2a2c138b-2138-4b25-88ba-2e534a7d1b9d/q2X9ID5uXEbQrmmF47UhgMVmcK*H7WdJNnpTLEPrFto!/b/YWLGn7fxGAAAYmIkmLcbGQAA][/img]

最好是列表与列表的嵌套的，因为要后台传入数据。。

 

  
• 
     
  
       
  • 品牌女装
  
       
  
       
  • 
          
    
           
    • 太虚
    
           
    • |
    
           
    • 太虚
    
           
    • 太虚
    
           
    • |
    
           
    • 太虚
    
          
    
         
  
     
  
    

  

  

  

  

  

 

回复讨论(解决方案)

好吧 我承认我的语文学的不好

好吧 我承认我的语文学的不好
忽略我下面那个代码。。帮我写个一模一样的布局出来行吗？

引用 1 楼  的回复:

好吧 我承认我的语文学的不好

忽略我下面那个代码。。帮我写个一模一样的布局出来行吗？


关键是你的图片我也看不见啊

引用 2 楼 的回复:

引用 1 楼 的回复:

好吧 我承认我的语文学的不好

忽略我下面那个代码。。帮我写个一模一样的布局出来行吗？



关键是你的图片我也看不见啊
就淘宝商城的页脚上面一样...

引用 3 楼  的回复:
引用 2 楼 的回复:

引用 1 楼 的回复:

好吧 我承认我的语文学的不好

忽略我下面那个代码。。帮我写个一模一样的布局出来行吗？



关键是你的图片我也看不见啊

就淘宝商城的页脚上面一样...



你既然都有代码了 你怎么还要写呢？？？

<style>#category{ font-size:12px;}#category label{ font-weight:bold; height:30px; line-height:30px;}#category ul{ list-style-type:none;}#category > ul,#category li ul{ margin:0; padding:0px;  width:auto; overflow:hidden;}#category > ul > li{ float:left; width:21%; border:solid 1px #ccc; padding:1%; margin:1%;}li li{ float:left; margin:5px 3px; padding:0 5px;border-left:solid 1px #ccc;}li li:first-child{ border-left:none;}</style><div id="category">    <ul>        <li>             <label>品牌女装</label>             <img  src="my image path" / alt="求高手帮我写个列表与列表之间的嵌套问题_html/css_WEB-ITnose" >            <ul>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>            </ul>        </li>        <li>             <label>时尚男装</label>             <img  src="my image path" / alt="求高手帮我写个列表与列表之间的嵌套问题_html/css_WEB-ITnose" >            <ul>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>                <li>连衣裙</li>                <li>T?</li>                <li>衬衫</li>                <li>婚纱</li>            </ul>        </li>    </ul></div>

引用 4 楼 的回复:

引用 3 楼 的回复:
引用 2 楼 的回复:

引用 1 楼 的回复:

好吧 我承认我的语文学的不好

忽略我下面那个代码。。帮我写个一模一样的布局出来行吗？



关键是你的图片我也看不见啊

就淘宝商城的页脚上面一样...




你既然都有代码了 你怎么还要写呢？？？
没有，我处理不好ul与ul的嵌套问题。。它总是会缩进

HTML code

HTML code

1：把 label 显示为块级元素，如下。 
#category label{ font-weight:bold; height:30px; line-height:30px;  display:block}

2: 给图片添加如下样式
li img{ display:block; margin:0 auto;}

谢谢~··ok