Html 在CSS中向右移动文本，而不是垂直滚动

我有一个高度为200px的div。我正在显示该分区内的一些数据。我想显示如下数据：

.mydivclass {
    height: 200px;
    word-wrap:break-word;
    width: 100%;
    position: fixed;
    overflow:hidden;
    max-height:200px;
    top: 0;
    left: 0;
}

A E I

B F J

C G K

D H L

---------------这个高度是200像素

我不想要任何垂直滚动条。我的意思是，在一定高度之后，数据将向右移动，然后再次从顶部开始

我已经使用了column count属性，但它没有按我所希望的那样工作

谁能推荐一下吗

我的CSS如下所示：

.mydivclass {
    height: 200px;
    word-wrap:break-word;
    width: 100%;
    position: fixed;
    overflow:hidden;
    max-height:200px;
    top: 0;
    left: 0;
}

---

您可以在每行添加3项后使用元素。或者使用php for exmaple，创建一个计数器，在添加3项数据后，重置计数器并添加一个break元素。你甚至可以考虑使用一个表，但是这很大程度上取决于你想要显示的数据

这可以使用FrimBox在父版

上完成。

display: flex;
flex-direction: column;
flex-wrap: wrap;

实例 .mydivclass{ 显示器：flex； 弯曲方向：立柱； 柔性包装：包装； 高度：200px； 宽度：0； } /*只是一些造型 ----------- */ .mydivclass*{ 宽度：48px； 高度：48px； 边框：1px纯红； 颜色：白色； 背景：蓝色； 文本对齐：居中； 线高：48px； } A. B C D E F G H 我 J K L

---

实际上，数据的长度不是固定的。