javascript - 如果我的文本长度在 li div 中很大，那么 div 跨度和 li 高度会自动调整..？

Question

这是我的 li 标签。

如果左右 div 标签中的文本长度很大，我想让它自动调整 li、span 和 div 标签的高度。我想把左右div width=50%

如果左右div中的文本长度很大，我想要这种类型的li，下面有截图

提前致谢。

<li style="height:35px;border-bottom:1px solid #ddd;">
  <span style="height:35px;display:flex;">
      <div style="position:absolute;float:right;right:10px;margin-top:8px;" id="ui-id-2" tabindex="-1">Ariana Grande Is Looking Beautifull</div>
      <div style="display:none;">2</div>
      <div style="position:absolute;float:left;left:10px;margin-top:8px;" class="garshuninamefont">Justin Biber Selena Gomez</div>
  </span>
</li>

Answer 1

为 li 移除了 height: 35px;。

<li style="border-bottom:1px solid #ddd;">
  <span style="height:35px;display:flex;">
        <div style="float:right;margin-top:8px;width: 50%;font-family:SertoJerusalem;" id="ui-id-2" tabindex="-1">Ariana Grande Is Looking Beautifull</div>
        <div style="display:none;">2</div>
        <div style="float:left;width: 50%;margin-top:8px;" class="garshuninamefont">Justin Biber Selena Gomez</div>
      </span>
</li>