html - div - Celda de la tabla sensible a la nueva línea

title html css

Question

Hay un sitio de contenido de terceros que tengo que "EMBEDRAR" a través de contenido dinámico, no conozco Ajax o Jquery en este momento, así que me pregunto si es posible cambiar una celda de la tabla a una nueva línea creando esencialmente una nueva fila .

La inserción termina con:

<table>
<tr>
<td></td>
<td></td>
</tr>
</table>

No se colocaron clases o ID en la tabla, sin embargo, es la única tabla en la página y tiene demasiado contenido para caber en una línea, esto es para un sitio web móvil, así que tengo que hacer que toda la página 320 píxeles de ancho.

¿Es posible usar solo CSS?

No puedo insertar HTML nuevo, el contenido se crea dinámicamente desde un servidor seguro al que no tenemos acceso, pero usamos una clave API para acceder ... sin embargo, mediaqueries funciona.

Actualmente estoy tratando de experimentar con algo como:

td {clear:both;}

Answer 1

Otra solución (cuando se display: block; no funciona) es usar inline-block :

CSS

td {
  display: inline-block;
}

Answer 2

Puede configurar el td para display:block; entonces todos estarán debajo unos de otros.

HTML

<table>
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
</table>

CSS

td{
    display:block;
}

Vea aquí: http://jsfiddle.net/hDsts/