2011-04-15 18 views
13

Es un cuadro de búsqueda multilínea, por lo que quiero que todo esté alineado en el medio. ¿Es posible?Medio (verticalmente) alinear el texto dentro de un <textarea>

+0

¿Qué quiere decir? ¿Podría darnos un ejemplo? – cdeszaq

+1

'textarea's son para ingresar texto, no tiene posibilidad de formatearlo. ¿Puedes expandirte en lo que estás tratando de lograr? Posiblemente hay mejores soluciones. – RoToRa

+1

yap, en los días en los que estaba preguntando esto, intenté lograr esto con textarea, que en realidad no es posible sin secuencias de comandos. La respuesta fue agregar content = "true" de HTML5 en una celda de tabla con style = "vertical-align: middle". Si el proyecto de uno permite HTML moderno, esta es una solución bastante simple y efectiva. – Birowsky

Respuesta

0

Ya en los días en los que preguntaba esto, intenté lograr esto con textarea, que en realidad no es posible sin secuencias de comandos. La respuesta fue agregar content = "true" de HTML5 en una celda de tabla con style = "vertical-align: middle". Si el proyecto de uno permite HTML moderno, esta es una solución bastante simple y efectiva.

Si en lugar de añadir <table> y <tr> y <td> a su margen de beneficio, que le gustaría algo regular como un <div>, a pesar de ello necesitará dos de ellos:

"cuadro de búsqueda de varias líneas"
<div style="display: table"> 
    <div 
    style="display: table-cell; vertical-align: middle" 
    contenteditable="true"> 
    I am vertically aligned 
    </div> 
</div> 
8

Puede falsificarlo con relleno vertical.

textarea { 
    padding: 30px 0; 
} 

En general, usted podría utilizar la propiedad line-height, pero no se puede con más de una línea de texto.

+0

auto no es un valor válido para el relleno – Danield

1

Es posible que pueda crear una secuencia de comandos que determine el alto de los elementos, el alto de la línea y las líneas de texto, y calcule un relleno, o incluso \ n para anteponer el texto.

No creo que esto sea posible solo con CSS.

+0

Tiene razón, esto no es posible con CSS.