Responsive Table Zelle auf neue Zeile

Question

Es gibt eine Third Party Content Site, die ich über dynamischen Inhalt "EMBED" habe, ich kenne Ajax oder Jquery im Moment nicht, also frage ich mich, ob es möglich ist, eine Tabellenzelle zu verschieben zu einer neuen Zeile, die im Wesentlichen eine neue Zeile erstellt.

Die einbetten endet mit:

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

Es gab keine Klassen oder IDs in der Tabelle platziert, jedoch ist es die einzige Tabelle auf der Seite und es hat viel zu viel Inhalt auf eine Zeile zu passen, Dies ist für eine mobile Website, also muss ich die ganze Seite 320 Pixel breit machen.

Ist es möglich, CSS allein zu verwenden?

ich nicht neue HTML einfügen kann, wird der Inhalt von einem sicheren Server, den wir den Zugang haben nicht dynamisch erstellt, aber wir verwenden, um einen API-Schlüssel, um .. mediaqueries obwohl arbeiten zuzugreifen.

versuche ich zur Zeit mit etwas entlang der Linien von zu experimentieren:

td {clear:both;} 

Answer 1

Sie die td-display:block; einstellen können dann alle unter einander sie werden.

HTML

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

CSS

td{ 
    display:block; 
} 

Siehe hier: http://jsfiddle.net/hDsts/

Answer 2

Andere Lösung (wenn display: block; nicht funktioniert) verwenden inline-block:

CSS

td { 
    display: inline-block; 
}