怎么用css把li分左右两列 按列排列

2025-03-25 11:14:14
推荐回答(3个)
回答1:

ul{list-style:none;width:200px;overflow:hidden;}
li{width:100px;float:left}

        
  • 1

  •     
  • 6

  •     
  • 2

  •     
  • 7

  •     
  • 3

  •     
  • 8

  •     
  • 4

  •     
  • 9

  •     
  • 5

  •     
  • 10

要不然用2个ul设为float也可以

回答2:

ul{list-style:none;width:200px;overflow:hidden;}li{width:100px;float:left} 
       
     
              
  • 1
  •  
              
  • 6
  •     
              
  • 2
  •     
              
  • 7
  •     
              
  • 3
  •     
              
  • 8
  •     
              
  • 4
  •     
              
  • 9
  •     
              
  • 5
  •     
              
  • 10

  •         

回答3:

ul{column-count:2;}