Html 将div高度限制为两行文本？

正如问题所述，如何将div的高度限制为其内部文本的1/2/n行？

em单元通过

字体大小进行调整，
行高的比例也基于此。所以这些就是你想要用来“固定”高度的东西

您需要以下任一选项：

div {
    height: 2.2em;
    line-height: 1.1;
    overflow: auto;
}


或者，如果希望它可能减少到1行，则使用以下命令：

div {
    max-height: 1.1em;
    line-height: 1.1;
    overflow: auto;
}


这将显示一个div，其高度为当前字体大小，任何溢出都将被剪裁。只要行高和高度相等，就会有一行文字。高度/行高的比例决定了显示的行数。
不理解。你的意思是文本上方和下方各有一到两行？我想按比例调整div的高度，例如1em通常小于
行高：normal
，并使行看起来挤在一起。根据浏览器和字体系列，正常行高值粗略计算为1.2。此外，建议使用
行高：1代替
行高：1em。它们实现了相同的结果，但使用无单元版本可以避免使用
em
的潜在继承怪异性。
div {
    height: 1em; // that's one line, 2em for 2 lines, etc...
    line-height: 1em; // the height of one text line
    overflow: hidden;
}