将ul+li 分两列显示(横向显示)的方法

有一个 ul>li 列表,默认为单列显示,把它变为两列显示可以使用DIV+CSS代码,也可以直接使用CSS控制,感兴趣的朋友可以参考了下哈,希望对你有所帮助

目的很简单:有一个 ul>li 列表,默认为单列显示,把它变为两列显示。
方法1,使用DIV+CSS代码:

复制代码
代码如下:




  • ABC

  • ABC

  • ABC

  • ABC

  • ABC

  • ABC




方法2,直接使用CSS控制

复制代码
代码如下:



  • ABC

  • ABC

  • ABC

  • ABC

  • ABC

  • ABC


以上就是将ul+li 分两列显示(横向显示)的方法的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS 教程