多级垂直列表 - >水平列表

时间:2014-01-18 13:36:39

标签: html-lists stylesheet

       <ul>
         <li>main list
          <ul>
           <li>sub list A
            <ul>
             <li>sub list A-1</li>
             <li>sub list A-2</li>
             <li>sub list A-3</li>
             <li>sub list A-4</li>
             <li>sub list A-5</li>
            </ul>
           </li>
           <li>sub list B
            <ul>
             <li>sub list B-1</li>
             <li>sub list B-2</li>
             <li>sub list B-3</li>
            </ul>
           </li>
           <li>sub list C
            <ul>
             <li>sub list C-1</li>
             <li>sub list C-2</li>
             <li>sub list C-3</li>
            </ul>
           </li>
          </ul>
         </li>
        </ul>

我是韩国人。     所以我不会说英语。     请原谅,即使我不理解我的话。

我有一个清单。     此列表具有垂直结构。     但我想横向改变它。     为了列在水平列表中,我该怎么办?     我只能使用样式表。     ul li {}     ul li ul li {}     ul li ul li li li {}     请设计如下例子。

主要清单 - 子清单A - 子清单A-1,子清单A-2,子清单A-3 ..

谢谢。

1 个答案:

答案 0 :(得分:0)

如果我了解你,你会找到这个:

http://jsfiddle.net/Robuuust/Dxv6C/1/

css:ul {display:inline-block}