有没有一种方法可以使元素的内容在扩展宽度之前填充可用的高度？

Question

假设我有一个<div>，它的最小宽度和高度固定。如果<div>的内容变长，它将开始扩展宽度以适应。但是，即使该固定高度在不使<div>变宽的情况下为更多行文本留有足够的空间，它也会扩大宽度。

在扩展<div>的宽度之前，是否有办法使内容首先尝试溢出到可用高度？

<div class="container">
  Text
</div>

.container {
  display: inline-block;
  height: 3.6em;
  min-width: 150px;
}

Answer 1

假设您没有使用前端框架，即：Bootstrap。 我通过添加max-width属性提供以下解决方案。

.container {
  display: inline-block;
  height: 3.6em;
  max-width: 400px;
  min-width: 150px;
}