Please help me write a nesting problem between lists_html/css_WEB-ITnose

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

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

82b07f364f30fd477f27a34de9cc55b0
 19338573c3595bb924c6d18ba44016b8
  b95e40d36e55495e24097eb888f84ea5
   3a2ede92bc236b04b8504fabbf8050e1
     25edfb22a4f469ecb59f1190150159c6品牌女装bed06894275b65c1ab86501b08a632eb
     57f8a7b4773dba07bad67df35b26ad7f5a7dff8bfc165d9e5074563330b2c7614e2420bc8ad350c16386aa0063582a395db79b134e9f6b82c0b36e0489ee08edbed06894275b65c1ab86501b08a632eb
     dbaac9af82be3b28abedc918926c2bf0
      ff6d136ddc5fdfeffaf53ff6ee95f185
       25edfb22a4f469ecb59f1190150159c6太虚bed06894275b65c1ab86501b08a632eb
       25edfb22a4f469ecb59f1190150159c6|bed06894275b65c1ab86501b08a632eb
       25edfb22a4f469ecb59f1190150159c6太虚bed06894275b65c1ab86501b08a632eb
       25edfb22a4f469ecb59f1190150159c6太虚bed06894275b65c1ab86501b08a632eb
       25edfb22a4f469ecb59f1190150159c6|bed06894275b65c1ab86501b08a632eb
       25edfb22a4f469ecb59f1190150159c6太虚bed06894275b65c1ab86501b08a632eb
      929d1f5ca49e04fdcb27f9465b944689
     bed06894275b65c1ab86501b08a632eb
   929d1f5ca49e04fdcb27f9465b944689
  fca416cc628c16a3fc4e60a08aad649a
  b95e40d36e55495e24097eb888f84ea53499910bf9dac5ae3c52d5ede73834853ab107ef3a2fcf97eef555925620f0b2fca416cc628c16a3fc4e60a08aad649a
  b95e40d36e55495e24097eb888f84ea53499910bf9dac5ae3c52d5ede73834853ab107ef3a2fcf97eef555925620f0b25db79b134e9f6b82c0b36e0489ee08edfca416cc628c16a3fc4e60a08aad649a
  b95e40d36e55495e24097eb888f84ea53499910bf9dac5ae3c52d5ede73834853ab107ef3a2fcf97eef555925620f0b25db79b134e9f6b82c0b36e0489ee08edfca416cc628c16a3fc4e60a08aad649a
  b95e40d36e55495e24097eb888f84ea53499910bf9dac5ae3c52d5ede73834853ab107ef3a2fcf97eef555925620f0b25db79b134e9f6b82c0b36e0489ee08edfca416cc628c16a3fc4e60a08aad649a
  a5dc42188835dcaefa8d683b6f7092e83499910bf9dac5ae3c52d5ede73834853ab107ef3a2fcf97eef555925620f0b25db79b134e9f6b82c0b36e0489ee08edfca416cc628c16a3fc4e60a08aad649a
 929d1f5ca49e04fdcb27f9465b944689
16b28748ea4df4d9c2150843fecfba68

Reply to discussion (solution)

Okay, I admit that my Chinese language skills are not good

Okay, I admit that I The philology is not good
Ignore my code below. . Can you write an exact layout for me?

Quote from the 1st floor’s reply:

Okay, I admit that my philology is not good

Ignore my code below. . Can you write an exact layout for me?


The key is that I can’t see your pictures either

Quote from 2nd floor’s reply:

Quote from 1st floor’s reply:

Okay I admit that my philology is not good

Ignore my code below. . Can you write an exact layout for me?



The key is that I can’t see your picture either
Just like the footer of Taobao Mall...

Quote from 3rd Floor’s reply:
Quoted from the 2nd floor’s reply:

Quoted from the 1st floor’s reply:

Okay, I admit that my philology is not good

Ignore my code below. . Can you write an exact layout for me?



The key is that I can’t see your pictures either

Just like the footer of Taobao Mall...



Since you already have the code, why do you still need to write it? ? ?

<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" />            <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" />            <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>

Quote from 4th Floor’s reply:

Quote from 3rd Floor’s reply:
Quote from 2nd Floor’s reply:

Quote from 1 Lou’s reply:

Okay, I admit that my Chinese language skills are not good

Ignore my code below. . Can you write an exact layout for me?



The key is that I can’t see your pictures either

Just like the footer of Taobao Mall...




Since you already have the code, why do you still need to write it? ? ?
No, I can’t handle the nesting problem of ul and ul well. . It will always be indented

HTML code


c9ccee2e6ea535a969eb3f532ad9fe89
#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;…
The picture and title should not be on one line, but should be centered on the second line~ How to do it?

HTML code


c9ccee2e6ea535a969eb3f532ad9fe89
#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;……
Picture and title Not on one line, but centered on the second line~ How to do it?

1: Display label as a block-level element, as follows.
#category label{ font-weight:bold; height:30px; line-height:30px; display:block}

2: Add the following style to the image
li img{ display:block; margin:0 auto;}

Thank you~··ok