web-dev-qa-db-fra.com

Cellule de tableau sensible à la nouvelle ligne

Il y a un site de contenu tiers que je dois "intégrer" via du contenu dynamique, je ne connais pas Ajax ou Jquery pour le moment, donc je me demande s'il est possible de décaler une cellule de tableau vers une nouvelle ligne créant essentiellement une nouvelle ligne .

L'intégration se termine par: 

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

Aucune classe ou ID n'a été placé dans le tableau. Cependant, il s'agit du seul tableau de la page. Il contient beaucoup trop de contenu pour tenir sur une seule ligne. Il s'agit d'un site Web mobile, je dois donc créer la page entière. pixels de large.

Est-il possible d'utiliser CSS seul?

Je ne peux pas insérer de nouveau code HTML, le contenu est créé de manière dynamique à partir d'un serveur sécurisé auquel nous n'avons pas accès, mais nous utilisons une clé API pour pouvoir accéder à .. Les mediaqueries fonctionnent cependant.

J'essaie actuellement d'expérimenter quelque chose du genre: 

td {clear:both;}
22
user1707077

Vous pouvez définir la td sur display:block;, ils seront tous placés les uns sous les autres.

HTML

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

CSS

td{
    display:block;
}

Voir ici: http://jsfiddle.net/hDsts/

68
user2019515

Une autre solution (lorsque display: block; ne fonctionne pas) consiste à utiliser inline-block:

CSS

td {
  display: inline-block;
}
0
Legionar