地址
北京
       天津
        上海
        河北
       山东
       山西
      河南
       安徽
      湖南
     陕西
       四川
     湖北
怎样实现ul里像图片中这种效果呢
回复讨论(解决方案) .sub-menu{-moz-column-count:3;-webkit-column-count:3;column-count:3;}
nbsp;html public -//w3c//dtd xhtml 1.0 transitional//en http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd>
无标题文档
地址
北京
       天津
        上海
北京
       天津
        上海
北京
       天津
        上海
将 div 元素中的文本分为三列：
div
{
-moz-column-count:3; /* firefox */
-webkit-column-count:3; /* safari 和 chrome */
column-count:3;
}
internet explorer 10 和 opera 支持 column-count 属性。
firefox 支持替代的 -moz-column-count 属性。
safari 和 chrome 支持替代的 -webkit-column-count 属性。
注释：internet explorer 9 以及更早版本的浏览器不支持 column-count 属性。
定义和用法
column-count 属性规定元素应该被划分的列数。
默认值： auto
继承性： no
版本： css3
javascript 语法： object.style.columncount=3
语法
column-count: number|auto;
值 描述 测试
number 元素内容将被划分的最佳列数。 测试
auto 由其他属性决定列数，比如 column-width。 测试
规定列间 60 像素的间隔
注释：internet explorer 不支持 column-count 属性。
非常感谢