質問: Estoy buscando la forma de colocar el texto de una celda en forma vertical, hay un código `CSS` que uso el `transform` para hacer eso pero al usarlo lo que hace es rotar toda la celda y daña el diseño. Lo que que quiero es lograr hacer esta tabla: ![Tabla](https://i.stack.imgur.com/w7iCi.png) pero con los textos que van en año (el 2017) y los meses que van en celdas combinadas de forma vertical. Tengo este código, pero como les dije, mueve toda la celda y si, rota el texto pero daña el diseño completamente: ``` .verticalText { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); } ``` ``` Año Mes Día Fecha Añadir Horario Inicial Final Inicial Final Inicial Final Inicial Final 2017 Abril Viernes 28 + Sábado 29 + Domingo 30 + Mayo Lunes 1 + Martes 2 + Miercoles 3 + ``` También está el link de `jsfiddle.net` para que lo prueben: Agradezco su ayuda.
回答: Existe la propiedad CSS *writing-mode: vertical-lr;* la cual provee dicha funcionalidad. Acompañado de un *rotate* puede llegar a darle el diseño que tú esperas. **NOTA:** Observa que he agregado un tag **p** y a ese le he agregado tu clase, ya que el texto solo dentro de la celda no toma el efecto pues es requerido que el texto esté en una etiqueta especial de texto. ``` .verticalText { writing-mode: vertical-lr; transform: rotate(180deg); } ``` ``` Año Mes Día Fecha Añadir Horario Inicial Final Inicial Final Inicial Final Inicial Final 2017 Abril Viernes 28 + Sábado 29 + Domingo 30 + Mayo Lunes 1 + Martes 2 + Miercoles 3 + ```