拖拽排序

  1. <div class="box">
  2.   <div class="item" draggable="true">1</div>
  3.   <div class="item" draggable="true">2</div>
  4.   <div class="item" draggable="true">3</div>
  5.   <div class="item" draggable="true">4</div>
  6.   <div class="item" draggable="true">5</div>
  7. </div>
  1. .box{
  2.   display: flex;
  3.   flex-direction: row;
  4.   justify-content: space-evenly;
  5. }
  6. .item{
  7.   width: 200px;
  8.   height: 200px;
  9.   background-color: #eb7070;
  10.   border: 2px solid #333;
  11. }
  12. .border{
  13.   border: 2px solid red;
  14. }