Html 如何使用CSS设置div单行或多行样式？

如果一个div是单行的，我希望它的高度是80px

否则，如果它是多行，我希望它的填充顶部底部是20px

我尝试过这样做：

div {
  min-height: 40px;
  padding: 20px 0;
}

但是，它在iPhone浏览器中的以下单线情况下效果不佳：

<div>中文abc</div>
<div>123abc</div>

中文abc
123abc

如果innerHTML包含中文，则div的高度将超过80px

---

那么，还有其他方法吗？

如果innerHTML包含中文，div的高度将超过80px。

您错了，或者没有充分描述您的问题<代码>中文abc与您提供的css一起，在所有（合理的）浏览器中的准确高度都是80px。抱歉，我忘了说这会发生在iPhone浏览器中。div的高度实际上取决于字体大小，只要你没有强制设置高度和溢出隐藏或其他什么。还有

max height

问题是如果innerHTML包含中文，当FontSize相同时，div的高度为什么会不同，div的高度将超过80px。您错了，或者没有充分描述您的问题<代码>中文abc与您提供的css一起，在所有（合理的）浏览器中的准确高度都是80px。抱歉，我忘了说这会发生在iPhone浏览器上。div的高度实际上取决于字体大小，只要你没有强制设置高度和溢出隐藏或其他什么。还有

max height

问题是，当字体大小相同时，div的高度为什么不同