<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .css { display: flex ; width: 150px; height: 70px; background-color: bisque; flex-flow: row wrap; place-content: space-between; place-items: stretch; /* 俩端对齐 */ place-content: space-around; /* 分散对齐 */ place-content: space-evenly; /* 平均对齐 */ } .css .vb { background-color: aquamarine; border: 0.125rem solid violet; flex: 0 1 auto; } </style></head><body> <div class="css"> <div class="vb">EVE1</div> <div class="vb">EVE2</div> <div class="vb">EVE3</div> <div class="vb">EVE4</div> <div class="vb">EVE5</div> </div></body></html>
