如何把乱序用id=right;id=left;重新整理好才放到不同的俩各列表中

 

     

     

     

     

    /如何把乱序的id="right"id="left"放到各自不同的left,right列表里呢?*/
    <li id="right">把这个放到左边的列表</li>
    <li class="left">把这个放到右边的列表</li>
    <li class="right">把这个放到左边的列表里</li>
    <li class="left">把这个放到右边的列表里</li>
    /*处理好了上面的right;left标识;在把以上乱序放到各自不同的列表里*/
    /*用javascript来处理,还是用css来出来呢?*/
    /*就是把鸡蛋一个一个捡到不同的篮子里*/
    /*现在上面的right与left还是乱序的*/
    /*我们需要用不同的篮子来装这俩各不同品种的鸡蛋*/
    /*left鸡蛋装到left篮子里;right鸡蛋装到right篮子里*/
    /*把鸡蛋挑起来,水平摆好*/
    /*让左边肩膀上的right篮子和右边鸡蛋里面的left篮子都水平线上*/
    /*现在无序的right和left鸡蛋都归了自己的窝;left鸡蛋归left窝;right鸡蛋归right窝*/

     

    将li标签放置在一个div中,div定宽,宽度刚好能放两个li标签,通过CSS浮动应该就可以了;或者通过循环将其放置在不同的位置,这个需要用到Vue

    css也可以,放左边就float:left 右边就float:right

    js解决方式:首先每个鸡蛋要有自己的id,通过dom获取全部的鸡蛋,在for循环中if判定dom的class,如果class等于left,通过id给这个dom添加样式,else后添加class为right的样式。