css 竖着排版自动换行

最新推荐文章于 2024-10-26 18:13:01 发布

原创最新推荐文章于 2024-10-26 18:13:01 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

css的光怪陆离专栏收录该内容

4 篇文章

订阅专栏

该博客围绕 CSS 展开，主要介绍了竖着排版和自动换行的相关内容，属于前端开发中 CSS 技术的应用，能帮助开发者实现特定排版效果。

.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>

在这里插入图片描述