Javascript 文本换行到列

我有无限长的文本，和一个固定高度的容器，没有垂直滚动条选项，基本上文本溢出容器，但它是隐藏的

要求将此文本包装到与父容器相同的高度列中，容器具有具有水平滚动条的选项

这需要在响应性布局中工作-这意味着文本父容器的高度将更小，并且所有文本列都将重新构造

例如，如果当前文本列是较小设备上的初始3列，则可以转到4列或5列

我搜索了谷歌，但没有找到任何可能的解决方案

任何解决方案或指南都将大有帮助——至少知道从哪个方向开始

• 欢迎使用CSS或JavaScript、jQuery解决方案

Initial具有高度自动单击按钮来设置高度/设置高度后，需要将文本换行并在列中设置为不超过垂直高度，而将是水平对齐的列

ADD CODE HERE

---

我有个主意，但不是很完美。这样的问题总是需要大量的尝试/失败测试

您需要有两个嵌套元素：

<div class="opendoc">
  <div class="opendoc-inside">
    [Content]
  </div>
</div>

[内容]

.opendoc将接收固定高度。 .opendoc内部将具有列和固定宽度

根据您的设备宽度，您可以选择许多列，我选择2作为示例

现在使用javascript：

在.opendoc内部设置列2和宽度100%

如果内部.opendoc的高度大于.opendoc的高度：

• 添加1列和.opendoc内部宽度的50%
• 转到2

否则你就可以了

此解决方案在每次测试时产生回流。这可能会变得非常缓慢。

---

您需要避免在每次调整大小事件上启动此操作…

您可以将数据包装到opendoc内的另一个div中，并增加其宽度

<div class="opendoc"> // width fixed Change Height
      <div class="resizablediv"> // Change the width
          {{Your data}}
      </div>
</div>

//固定宽度更改高度
//改变宽度
{{您的数据}}

找到了-，的jquery插件。这张图片解决了我所有的问题。

你能展示一张图片，展示你正在寻找的东西和你目前随身携带的东西吗？你能提供小提琴吗？这样回答你的问题会更好。是的，响应性设计就是这样工作的。移动设备中有一列，主窗口中有三列。你可以使用

col-xs-3

或其他东西，制作大量的

col-xs-3

或

col-md-1

。。。像这样的事？我会试着做一把小提琴-和大家分享-也许会更好地理解。。。不是那么容易-你需要找到比较文本长度（字符数？）和容器高度的方法，如果文本长度更高（如果存在溢出），则制作额外的列…我需要有列-这是要求检查-第一次查看时看不到我需要的。