grid

<DOCTYPE html>
<html lang="en">
<html>
<head>
    <title></title>
    <link rel="stylesheet" type="text/css" href="DT.css">
</head>
<body>
<div class="wrapper">
  <div>One</div>
  <div>Two</div>
  <div>Three</div>
  <div>Four</div>
  <div>Five</div>
 </div>
</body>
</html>
.wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 100px;
  row-gap: 10em;
  color: red;
}

 

【推广】 免费学中医，健康全家人
原文地址：https://www.cnblogs.com/HL345/p/9751250.html