Javascript 在固定高度div中居中显示文本，文本不间断

div始终具有固定的高度。其中的文本应始终居中。一旦文本大于div，字体大小应变小，以便文本位于div的中心。 问题是，我不能在标题中添加不同的类。 有人知道我如何解决这个问题吗？我需要javascript吗？ 任何帮助都将不胜感激。多谢各位

。固定高度{
高度：60px；
宽度：270px；
边框：1px实心#000000；
显示：表格单元格；
垂直对齐：中间对齐；
文本对齐：居中；
}
氢{
字体大小：20px；
}

Lorem ipsum dolor-sit Lorem ipsum dolor-sit





同侧阴唇





Lorem ipsum door-sit Lorem ipsum door-sit Lorem ipsum door-sit Lorem ipsum door-sit

添加css

.fix-height{
display: table-cell;
    vertical-align: middle;
}

---

是我在过去的项目中使用的Javascript库。您可以定义一系列字体大小，并尽可能使用最大的字体大小。

您可以使用简单的JQuery来实现

代码如下：

$（函数（）{
$（'fitindiv'）.css（'font-size'，'1em'）；
而（$（'fitin div'）.height（）>$（'fitin'）.height（））{
$（'fitindiv'）.css（'font-size'），（parseInt（$（'fitindiv'））.css（'font-size'））-1）+“px”）；
}
});
#fitin{
宽度：300px；
高度：200px；
线高：200px；
边框：1px纯黑；
溢出：隐藏；
字号：1em；
文本对齐：居中；
}
#菲汀分区{
显示：内联块；
垂直对齐：中间对齐；
线高：正常；
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。
斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。
你应该看看这个：是的，我知道，谢谢！但是它只在垂直方向居中，而不是在水平方向居中添加css“text align:center；”谢谢，这是可行的，但是我如何解决这个问题，文本永远不应该超过div？OP说：
其中的文本应该始终居中