Html 将DIV中的文本块拆分为屏幕高度

理想情况下，我希望列在显示时仅对您所在的屏幕可见，这样无论当前屏幕的高度有多少列，一个屏幕页面都将显示完整的列

如果内容对于单个屏幕来说太长，那么这些列会自动将内容拆分到下一页，这样用户就可以有效地向下翻页以查看下一个列块

我现在使用css代码来创建两个具有响应性的列，如下所示：

.resp-column {
  padding: 1em;
  -moz-column-count: 2;
  -moz-column-gap: 1em;
  -webkit-column-count: 2;
  -webkit-column-gap: 1em;
  column-count: 2;
  column-gap: 1em;
}

@media screen and (max-width:480px) {
.resp-column {column-count: 1;}
}

所以。。。这个css可以很好地处理两列和响应性，但我知道当我有两列很长的文本时，在任何设备上阅读它们都是一件痛苦的事情，除非它们按照当前屏幕长度断开

如何：当不在@media screens上时，自动断开屏幕长度上的内容

我尝试添加>高度：100vh；<进入.resp列，但它不起作用。。。 它只创建了多个水平列

---

提前感谢您提供的所有帮助。

目前还无法理解，但这里有一个有用内容的链接：您可能想查看分栏部分。