根据没有javascript的文本更改div的高度

Question

如何根据其中的文本更改div的高度。当我检查响应性时，文本会跳出div。 Display : inline-block不起作用。我想调整高度而不是隐藏溢出

我的div在一行内。

          <div class="row pd-md-x-15 pd-xs-x-15">
              <div class="pd-t-20 wer bd-t wd-100p">
                <a href=""></a>
                the quick brown fox jumps over the lazy dog  
              </div>
          </div>

Answer 1

检查您的div（或其容器）是否已定义高度或最大高度，如果已定义，请使用以下方法删除或覆盖它们：

height: auto;
max-height: none;

Answer 2

您可以使用内嵌CSS 将div高度自动设置为文本

      <div class="row pd-md-x-15 pd-xs-x-15" style="height:auto;">
          <div class="pd-t-20 wer bd-t wd-100p">
            <a href=""></a>
            the quick brown fox jumps over the lazy dog  
          </div>
      </div>