Responsywna komórka tabeli do nowej linii

Question

Istnieje strona z materiałami stron trzecich, którą muszę "ZBROIĆ" za pośrednictwem dynamicznej zawartości, nie znam obecnie Ajaxa lub Jquery'ego, więc zastanawiam się, czy możliwe jest przesunięcie komórki tabeli w dół do nowej linii zasadniczo tworząc nowy wiersz.

embed kończy się:

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

Nie było żadnych klas lub identyfikatory umieszczone w tabeli, jednak jest to tylko tabela na stronie i nie ma zbyt wiele treści nie mieści się na jednej linii, to jest dla witryny mobilnej, więc muszę całą szerokość 320 pikseli.

Czy to możliwe za pomocą samego CSS?

Nie mogę wstawić nowego kodu HTML, zawartość jest dynamicznie tworzona z bezpiecznego serwera, do którego nie mamy dostępu, ale używamy klucza API, aby uzyskać dostęp .. mediaqueries działa.

Obecnie próbuję eksperymentować z czymś wzdłuż linii:

td {clear:both;} 

Answer 1

Można ustawić td do display:block; wtedy oni wszyscy się pod siebie.

HTML

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

CSS

td{ 
    display:block; 
} 

Zobacz tutaj: http://jsfiddle.net/hDsts/

Answer 2

inne rozwiązanie (gdy display: block; nie działa) jest użycie inline-block:

CSS

td { 
    display: inline-block; 
}