Javascript 在子类中，文本在增长时垂直居中

我有一个父容器（类似于弹出窗口），其中有一个子元素附加到父容器。子元素是一个包含一些文本的div。我想将文本居中放置在div中，以便文本在子div中保持居中对齐，但当文本超过3-4行时，文本应垂直对齐。我能够在文本增长时垂直对齐，但当它仍然是一个小文本时，它应该垂直居中，这是不可能的。我在子类中尝试了很多css属性。 任何帮助都是好的

.parentclass {
  position: absolute;
  top: 110px;
 left: 165px;
 width: 470px;
 height: 260px;
 text-align: center;
 background-image: url(../images/Notification_BG.png); }

.childclass {
 position: relative;
 position: inherit;
 width: 430px;
 height: 192px;
 left: 50%;
 top: 50%;
 margin-left: -215px;
 margin-top: -96px; /* Negative half of height. */
 text-align: center;
 text-overflow: -o-ellipsis-lastline;
 border: 1px solid blue;
 font-family: Arial;
 font-size: 28px;
 color: white; }

谢谢

---

KK

是否使用了u

垂直对齐：中间

试试这个：

.childclass {
  display: table-cell; 
  vertical-align: middle; 
  text-align: center; 
}
.儿童班{
显示：表格单元格；
垂直对齐：中间对齐；
文本对齐：居中；
}
此链接肯定会帮助您：

将父类显示用作表格，将子类显示用作表格单元格，垂直对齐：中间对齐肯定有效

html

尝试转换我肯定使用了这些css属性，但似乎不起作用。我需要在opera浏览器上使用我的解决方案。还有其他建议吗。表属性在这种情况下可能不起作用。我在许多情况下都使用过它，它对我有效。移除相对位置、顶部、左侧等，尝试移除它们并使用dislay:table单元格；告诉我它是否有效。是的，表格单元格正在工作，但我希望文本分为两行，现在文本开始非常靠近边框，我希望它从左边框开始有一定的间距。这应该如何发生？给.childclass{padding left:20px；}填充是的，您的带有表格单元格的子类正在工作，但我希望文本分为两行，现在文本的起始位置非常靠近边框，我希望它从左边框开始，并留出一定的间距；属性以获取您需要的内容want@Dinesh...Thanks这是可行的…现在我正在尝试实现…如果文本通过使用CSS最大高度属性扩展到图形区域的边界之外，即父类高度，那么文本应该使用CSS属性文本溢出进行截断：-o-ellipsis-lastline；。。。我也发现了这方面的问题……任何想法：）
<div class='parentclass'>
<div class='childclass'>Text which is more than two or three lines</div>
</div>

.parentclass {
 height: 260px;
 text-align: center;
 display:table;
}
.childclass {
 vertical-align: middle;
 width: 430px;
 top: 50%;
 text-align: center;
 text-overflow: -o-ellipsis-lastline;
 border: 1px solid blue;
 font-family: Arial;
 font-size: 28px;
 color: black; 
}