css:- changing { height: fixed } to {height : fit to content}

Question

<div> line 1 <br>
  line 2  <br>
  line 3  <br>
  line 4  <br>
  ...     ...
</div

css:-

div {
  line-height: 20px;
  height: 80px;
}

jQuery:

$('div').css('height', xxx)

can i use the above jQuery code or any other, to make height of div flexible again, ie, to fit the content rather than be predetermined manually?

Answer 1

应用auto ，这是height的默认值，以实现以下目的：

$('div').css('height', 'auto')

Answer 2

Create a second class declaration in your CSS file called "flexible"

.flexible{
  height: auto !important;
}

and then use jQuery to add the class

$('div').addClass('flexible');