css vertical typesetting and automatic line wrapping

.wrap {
    
    
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  height: 250px;
}

.wrap div {
    
    
  height: 20%;
}
<body>
  <div class="wrap">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
    <div>5</div>
    <div>6</div>
    <div>7</div>
    <div>8</div>
    <div>9</div>
    <div>10</div>
    <div>11</div>
    <div>12</div>
    <div>13</div>
    <div>14</div>
    <div>15</div>
  </div>
</body>

Insert picture description here

Guess you like

Origin blog.csdn.net/yuyu_2019/article/details/109828252