test5.vue 574 B

1234567891011121314151617181920212223242526272829303132333435
  1. <template>
  2. <view class="box">
  3. <view class="column">
  4. <span class="item">A</span>
  5. <span class="item">A</span>
  6. <!-- </view>
  7. <view class="column"> -->
  8. <span class="item">A</span>
  9. <span class="item">A</span>
  10. </view>
  11. </view>
  12. </template>
  13. <script>
  14. </script>
  15. <style>
  16. /* .box {
  17. display: flex;
  18. flex-wrap: wrap;
  19. align-content: space-between;
  20. }
  21. .column {
  22. flex-basis: 100%;
  23. display: flex;
  24. justify-content: space-between;
  25. } */
  26. .box {
  27. display: flex;
  28. flex-wrap: wrap;
  29. justify-content: flex-end;
  30. align-content: space-between;
  31. }
  32. </style>