Centrar texto verticalmente con alto fijo maximo

[albert84]

Hola

Tengo el siguiente problema

Necesito varios div de un tamaño fijo, que contienen texto, este texto debe aparecer centrado verticalmente.

Si hay mas texto del que cabe en el div este texto de mas no se debe mostrar.

Tengo el siguiente codigo:

Código PHP:

  <div id="div">HOLA</div> 
 
#div{ 
    border: 1px solid black; 
    display: table-cell; 
    vertical-align:middle; 
    width: 300px; 
    height: 40px; 
        overflow:hidden; 
}  
   

El problema es que al poner el display: table-cell para centrarlo verticalmente, si el texto es más grande que el contenedor, el div crece a lo alto y no me respeta el alto fijado.

Alguien sabe como solucionarlo?

Gracias

[djaevi]

Prueba :

Código HTML:

<style>
    #contenedor {
        height:80px;
        background-color:#993333;
        width:300px;
        position:absolute;
    }
    
    #mensaje {
        position:relative;
        height: 20px;
        top:50%;
        margin-top:-10px;
        background-color:#006699;
        left:20px;
        width:280px;
    }
</style>
<div id="contenedor">
    <div id="mensaje">Hola</div>
</div>
 

Saludos

[albert84]

No hace lo que quiero.

Lo que quiero es que si hay una linea salga el texto centrado, si no cabe y el texto se ve en dos lineas sale en 2, y por el tamaño que tengo ya no se ha de centrar.
Y si hay más de 3 lineas que solo se vean las 2 primeras.

[djaevi]

entonces prueba ponerle a tu div con el texto overflow:hidden;

[albert84]

Muchas gracias al final lo he solucionado así.

Código PHP:

  #contenedor{ 
    border: 1px solid black; 
    width: 300px; 
    height: 40px; 
    overflow:hidden; 
} 
#contenido{ 
    display: table-cell; 
    vertical-align:middle; 
    height: 40px; 
}