У меня есть родительский контейнер (например, всплывающее окно), в котором у меня есть дочерний элемент, прикрепленный к родительскому контейнеру. Детский элемент - это 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