it-swarm.com.de

Responsive Tabellenzelle auf neue Zeile

Es gibt eine Drittanbieter-Website, die ich über dynamische Inhalte "EMBED" muss. Ich kenne Ajax oder Jquery im Moment nicht. Daher frage ich mich, ob es möglich ist, eine Tabellenzelle in eine neue Zeile zu verschieben, die im Wesentlichen eine neue Zeile erzeugt .

Die Einbettung endet mit: 

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

Es wurden keine Klassen oder IDs in die Tabelle eingefügt, es ist jedoch die einzige Tabelle auf der Seite, und es hat zu viel Inhalt, um in eine Zeile zu passen. Dies ist für eine mobile Website, daher muss ich die gesamte Seite 320 erstellen Pixel breit.

Ist es möglich, CSS allein zu verwenden?

Ich kann kein neues HTML einfügen. Der Inhalt wird dynamisch von einem sicheren Server erstellt, auf den wir keinen Zugriff haben. Wir verwenden jedoch einen API-Schlüssel, um auf die Medienabfragen zuzugreifen.

Ich versuche gerade mit etwas zu experimentieren: 

td {clear:both;}
22
user1707077

Sie können td auf display:block; setzen, dann sind sie alle untereinander.

HTML

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

CSS

td{
    display:block;
}

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

68
user2019515

Eine andere Lösung (wenn display: block; nicht funktioniert) ist inline-block:

CSS

td {
  display: inline-block;
}
0
Legionar