JSFiddle - React, Tailwind, and code Playground

HTML

<div class="parent">
<h1>单行文本正常</h1>
  <div class="sub">sub contentsub conten</div>
</div>

<hr>

<div class="parent">
  <h1>多行文本会有问题</h1>
  <div class="sub">
    aaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaaaaaaaaaaaaaaaa
    aaaaaaaaaaaaaa
  </div>
</div>

CSS

.sub {
  line-height: 200px;
  background: #999;
}