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

发布网友 发布时间：2022-04-25 13:14

我来回答

共3个回答

热心网友 时间：3分钟前

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

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

热心网友 时间：7分钟前

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

热心网友 时间：9分钟前

ul{column-count:2;}