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>
Respuesta
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:
<div style="display: table">
<div
style="display: table-cell; vertical-align: middle"
contenteditable="true">
I am vertically aligned
</div>
</div>
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.
auto no es un valor válido para el relleno – Danield
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.
Tiene razón, esto no es posible con CSS.
Existe el atributo HTML5 contenteditable
. http://www.w3schools.com/tags/att_global_contenteditable.asp
Tal vez la etiqueta div
en lugar de textarea
puede resolver su problema.
- 1. html/css cómo alinear (medio) verticalmente el texto dentro de un <textarea>
- 2. Centrar/alinear el texto medio con PIL?
- 3. ¿Cómo alinear verticalmente un texto?
- 4. Alinear texto verticalmente en Navbar
- 5. ¿Cómo alinear verticalmente texto en tipo de entrada = "texto"?
- 6. CSS Vertical alinear medio
- 7. ¿Cómo puedo alinear verticalmente un TextBox dentro de un StackPanel?
- 8. CSS Alinear verticalmente el texto en el encabezado
- 9. vertical-alinear: medio no funciona
- 10. Alinear verticalmente divs flotantes
- 11. ¿Cómo alinear verticalmente 2 tamaños diferentes de texto?
- 12. Cómo alinear verticalmente un campo de texto en AS3
- 13. Alinear texto dentro de un diagrama
- 14. ¿Cómo se puede alinear verticalmente el texto de varias líneas dentro de una lista?
- 15. alinear verticalmente el texto de un párrafo elemento de código CSS
- 16. ¿Cómo alinear verticalmente el texto al centro en HTML?
- 17. Vertical Alinear texto en un bloque <a> tag
- 18. Cómo alinear verticalmente vanos con el texto y la imagen
- 19. ¿Cómo alinear verticalmente un elemento dentro de una lista usando el diseño relativo?
- 20. tratando de alinear verticalmente div dentro de div
- 21. Cómo alinear verticalmente las imágenes en <td>
- 22. Cómo alinear verticalmente una tabla en CSS
- 23. ¿Es esta la solución más sencilla y flexible para alinear verticalmente el texto dentro de un elemento de bloque?
- 24. CSS - Alinear verticalmente contenido DIV
- 25. androide Spinner: Texto centro verticalmente dentro spinner
- 26. texto-alinear en una tabla en una celda (<table> dentro de <td>)
- 27. Tres DIV apilados verticalmente con medio desplazable
- 28. ¿Cómo puedo alinear verticalmente dos divs flotantes?
- 29. verticalmente y horizontalmente alinear el texto después de la rotación de CSS
- 30. ¿Cómo centrar verticalmente el texto en un NSTextField?
¿Qué quiere decir? ¿Podría darnos un ejemplo? – cdeszaq
'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
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