2012-06-01 46 views
5

En algunas celdas html (td) el texto se envuelve porque el tamaño de la columna es menor que el tamaño del texto en la celda. No quiero que el texto se envuelva, quiero que el ancho de la columna se expanda para que no se produzca el ajuste.¿Cómo hacer que td (celda) de la tabla html se expanda para que la fila encaje en una línea?

¿Cómo puedo hacer eso?

Una nota final, sólo puedo usar el código html, css sin :(

+0

No tengo claro cuál es el problema. ¿Puedes agregar un ejemplo o expandir tu pregunta? – j08691

+0

@ j08691 He editado mi pregunta, espero que lo entiendas ahora. –

Respuesta

9

Desde no se puede usar CSS, ¿qué tal:

<td nowrap="nowrap"> 

yo prefiero usar CSS aquí en el TD (white-space: nowrap), ya que el atributo nowrap en el elemento TD no es compatible con HTML 4.01 Strict/XHTML 1.0 estricto.

Aquí hay una rápida jsFiddle example que muestra el efecto. Elimina el atributo y puedes ver la diferencia.

+1

Gracias, es exactamente esto :) Estoy haciendo código para un correo electrónico (tan simple html solamente) –

+0

¡Muchas gracias por esta respuesta! –

10

pregunta confusa, pero creo que podría estar buscando el colspan = atributo "x".

<table> 
    <tr> 
     <td>1</td> 
     <td>2</td> 
    </tr> 
    <tr> 
     <td colspan="2">fills both columns</td> 
    </tr> 
</table> 
+0

Gracias por la respuesta rápida, pero no quiero esto. He actualizado mi pregunta, espero que lo entiendas ahora. –

Cuestiones relacionadas