Question

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

如下所示：
<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>
不能打乱数码顺序 要用来asp循环

Answer 1

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也可以

追问

这样做出来的顺序是这样的

1 2
3 4
5 6
7 8
9 10

追答

ul{float:left;list-style:none;width:100px;}

<ul>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
<ul>
<li>6</li>
<li>7</li>
<li>8</li>
<li>9</li>
<li>10</li>
</ul>

否则不可能完成，html是按文档顺序解析的，要么改你的程序要么改设计稿

追问

谢谢 那只有在asp里找方法了

Answer 2

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>

Answer 3

ul{column-count:2;}