3

Necesito que el texto que tengo dentro de unos td aparezca de forma vertical de abajo a arriba, logre la dirección pero como el td tiene background color, se me sale de la linea borde que le puse al td...he encontrado funciones ya propias del css como:

writing-mode: horizontal-tb;
writing-mode: vertical-rl;
writing-mode: vertical-lr;

Se ajustan al borde del td, pero la dirección de estos es de arriba a abajo y no al contrario como la necesito. Actualmente este es el css que falla al sobreponerse a las lineas de borde:

.verticaltext {
    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(270deg);

}

Alguna idea ?, gracias de antemano.

1

1 respuesta 1

2

Encontre una forma, inicialmente la idea es que el background color lo tenga el tr y no el td, luego este seria el css que se ajusta adecuadamente quitando los wraps y poniendo padding:

.verticaltext {
    padding: 5px;
    width: 50px;
    text-align:center;
    transform: rotate(270deg);
}
1
  • 1
    No te olvides de marcar tu respuesta como aceptada, para que la publicación se considere completa.
    – Alvaro Montoro
    Commented el 4 feb. 2018 a las 2:29

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.