/如何把乱序的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的样式。