IMG将父内部空间向下推-在jQuery中设置父高度

Question

我在img上遇到问题，导致其父级底部的空间过多。父母的身高是使用Jquery设置的，所以我只能猜测img会引起冲突。

编辑：我测试了更改图像的大小，可以看到下面的间距变小了，这告诉我这是图像的自然尺寸（大于显示方式）的问题。

$('div.column-holder').each(function() {
  var parent = $(this);
  var maxHeight = 0;
  parent.children().each(function() {
    if ($(this).height() > maxHeight) {
      maxHeight = $(this).height();
    }
  });
  parent.find("div.column, div.shadow").innerHeight(maxHeight);
});

<div class="column-holder">
  <div class="column">
    <div class="shadow bg-white">
      <div class="bdr-top-blue"></div>
      <div class="container">
        <h2>Test</h2>
        <p>Lorem ipsum</p>
      </div>
    </div>
  </div>
</div>
<div class="column-holder">
  <div class="column">
    <div class="shadow bg-white">
      <div class="bdr-top-blue"></div>
      <div class="container">
        <h2>Test</h2>
        <p>Lorem ipsum</p>
      </div>
    </div>
  </div>
  <div class="column">
    <div class="shadow bg-white">
      <div class="bdr-top-blue"></div>
      <div class="container">
        <h2>Test</h2>
        <p>Lorem ipsum</p>
      </div>
      <img src="img/img1.jpg" width="100%" alt="" /> </div>
  </div>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

Answer 1

由于默认情况下图像是嵌入式元素，因此它们通常会在html中引起多余的空间。 Tldr：给它一个属性private val _login = MutableLiveData<String>() val login: LiveData<String> get() = _login val repositories: LiveData<Resource<List<Repo>>> = Transformations .switchMap(_login) { login -> if (login == null) { AbsentLiveData.create() } else { repoRepository.loadRepos(login) } } 。有关here的更多信息。