1

Que puedo hacer para que el nombre del empleado me quede horizontal y no vertical como se muestra en la imagen introducir la descripción de la imagen aquí

Aqui esta como utilizo en td

introducir la descripción de la imagen aquí

10
  • 1
    Tienes que darle estilos a ese td para que ocupe todo el texto.
    – JDev
    el 17 oct. 2018 a las 15:12
  • como le doy estilo a td jdev podrias ayudarme el 17 oct. 2018 a las 15:13
  • 1
    Aumentando el width de la columna se soluciona colega el 17 oct. 2018 a las 15:13
  • Tengo <td>@item.EmpNombre @item.EmpApellido</td> como lo aumento bro el 17 oct. 2018 a las 15:15
  • 1
    <td><p style="white-space: nowrap;">@item.EmpNombre @item.EmpApellido</p></td>
    – JDev
    el 17 oct. 2018 a las 15:19

1 respuesta 1

4

Introduce el contenido del <td>en un <p style="white-space: nowrap;"></p>

En tu caso quedaría así

<td>
    <p style="white-space: nowrap;">@item.EmpNombre @item.EmpApellido</p>
</td>

La propiedad white-spaceestablece como se van a tratar los espacios dentro de la etiqueta. En este caso le indicamos nowrap para que no inserte saltos de línea en el testo al ajustar. Para mas información de como funciona white-space visitar el siguiente enlace

2
  • 1
    Hola @JDev. Partiendo de que tu respuesta es la correcta, podrías explicar porqué funciona? ¿Qué hace la propiedad white-space: nowrap? ¿Porque un p y no un label? el 18 oct. 2018 a las 6:06
  • 1
    Editado @PabloSimonDiEstefano
    – JDev
    el 18 oct. 2018 a las 6:40

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

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