2012-02-20 23 views
14

Tengo una línea hecha de input sy span que debe representar un número de teléfono. Insertándolo en una mesa con algunas columnas con contenido hace que la línea se rompa:Hacer que el contenido html sea irrompible (en una línea)

broken line

La última entrada se introduce en la línea siguiente. Una forma de solucionar esto podría ser establecer un tdwidth o min-width fijo. Sin embargo, por el bien de cualquier proyecto futuro, me gustaría saber si hay alguna manera de hacer que el contenido html sea irrompible sin tocar el ancho td. Gracias por cualquier información

+2

¿por qué debería poner cada dígito en una entrada separada? –

+0

Porque se me pidió que lo hiciera :). – Przemek

Respuesta

28

Añadir este CSS para el TD

white-space: nowrap; 

Esto evita que la línea de ruptura automática de HTML. Para obtener más información, consulte MDN

+2

Gracias a todos por sus respuestas rápidas, lamentablemente puedo aceptar solo uno de ellos. Acepté el de @ Sirko por el enlace a MDN que hace que esta respuesta sea un poco más completa. – Przemek

13

añadir

white-space: nowrap; 

a su css

Cuestiones relacionadas