justify-content: space-between;/* 均匀排列每个元素首个元素放置于起点，末尾元素放置于终点 */

 

放大镜

 window.onload=function(){         var imgs=document.querySelectorAll(".small"); //获取小图         var big=document.querySelector(".big"); //获取大图         for (let i = 0; i < imgs.length; i++) { //循环小图             imgs [i].onmousemove = function(e){ //鼠标在小图上移动             big.style.top=e.y+10+"px";  //big图距离顶部的位置是鼠标当前位置的y轴位置 e.y+10+"px"  +10是让鼠标与图片产生10px距离             big.style.left=e.x+10+"px";             big.src=this.src;             }             imgs [i].onmouseout=function(){ //鼠标移出              big.style.display="none";             }             imgs [i].onmouseenter=function(){  //鼠标进入              big.style.display="block";             }         }         }       //全选/全不选             $("#chkAll").change(function(){ //获取点击按钮的id            var chk1=$(this).prop("checked") //获取当前checked属性            $(":checkbox").prop("checked",chk1) //将所有的checkbox的checked改为当前获取的checked值是true或 false            })
           //删除            $("button").click(function() { //获取按钮                var l=$(this).attr("data-del"); //data-del获取他的内容                confirm("您确定要删除编号为"+l+"的商品?")//弹窗                $("table tr:eq(1)").remove();//删除table中当前tr一行             })
            //数据行复选框               $("input").change(function(){ //当input框发生改变            var c=$(this).prop("checked")  //获取当前checked属性            var te=$(".count").text() //count的值                        if(c){ //有checked属性 值+1 没有减1              var n=parseInt(te)+1;              $(".count").text(n);            }else{              var n=parseInt(te)-1;              $(".count").text(n);            }