多级垂直列表 - >横列表

 <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 {} 请设计如下例。

主列表 - 子列表A - 子列表A-1，子表A-2，子列表A-3 ..

谢谢。

来源

2014-01-18 user3209835

你要找的，如果我理解你：

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

CSS：ul {display:inline-block}

来源

2014-01-18 13:42:35 Rob

非常感谢。但是，这种结构是不同的。我想要做的是要转变多层次结构。 – user3209835

http://jsfiddle.net/Robuuust/Dxv6C/2/ – Rob

不解决问题。但是，非常感谢您的帮助。 – user3209835

如果你想在一行中所有子列表这个CSS样式应该工作

li { 
    display:inline; 
} 
ul { 
    display:inline; 
    overflow:auto; 
    -webkit-padding-start: 0px; 
}

演示：http://jsfiddle.net/phrZ3/

来源

2014-01-18 18:52:50 user2314737

多级垂直列表 - >横列表

回答

相关问题