Dernière td sur la nouvelle ligne?

J'ai converti quelques-uns de tableaux de données à partir de word pour un client:

<table>
  <tr>
    <th><p>SPAGHETTI &ndash; Deeg voorgerechten</p></th>
  </tr>
  <tr>
    <td>SPAGHETTI AL PESCATORE</td>
    <td>&euro;11.50</td>
    <td><p  >Zeevruchten in speciale tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI ALLA MATRICIANA</td>
    <td>&euro;9.25</td>
    <td><p  >Met spek, knoflook in tomatensaus</p></td>
  </tr>
  <tr>
    <td>SPAGHETTI BOSCAIOLA</td>
    <td>&euro;10.25
      </td>
    <td><p  >Met ham, spek, knoflook in roomsaus</p></td>
  </tr>
<table>

C'est des données tabulaires. Il devrait être dans un tableau 🙂

Dans le word doc, il a mis la dernière cellule (le néerlandais description) sur une nouvelle ligne. Je pourrais regex toutes les cellules d'une nouvelle ligne avec colspan="2", mais ce n'est pas la structure. J'ai essayé:

td:last-child {
  display: block;
}

Mais chaque navigateur ignore que. Des idées?

EDIT: Il semble un peu vague, n'est-ce pas?

J'ai:

cell 1.1                     cell 1.2                               cell 1.3
cell 2.1                     cell 2.2                               cell 2.3
cell 3.1                     cell 3.2                               cell 3.3

Je veux:

cell 1.1                     cell 1.2                      
cell 1.3
cell 2.1                     cell 2.2                        
cell 2.3
cell 3.1                     cell 3.2                       
cell 3.3
Les cellules d'un tableau ne doit pas être transformé en blocs...
Pouvez-vous poster une capture d'écran de ce que vous essayez d'atteindre?
B Devrais-je mettre chaque troisième cellule dans une nouvelle ligne?
Oui -une nouvelle ligne. Depuis que vous travaillez dans une table, vous devez coller avec le tableau de la sémantique.
Bien que je ne ferais pas cela, vous pourriez placer une table de 2 lignes dans chaque td, si vous voulez juste pour garder les données de l'ensemble logiquement en html, cependant, c'est beaucoup plus de code et méchant... j'irais avec la nouvelle ligne comme @MarcB dit, sauf si vous avez une énorme opposition.

OriginalL'auteur bopjesvla | 2011-10-21

  1. 4

    Tables ne fonctionne pas comme ça. <tr> signifie une nouvelle ligne, un <td> est sur la même ligne. Vous n'aurez jamais (ou au moins ne devrait jamais avoir) <td>'partir de la même <tr> sur des lignes différentes.

    cell 1.1                     cell 1.2                      
cell 2.1
cell 3.1                     cell 3.2                        
cell 4.1
cell 5.1                     cell 5.2                       
cell 6.3

    Edit:
    Il semble que vous êtes accroché à l'aide de tables pour quelque raison dans une situation qui n'est pas adapté pour les tables. Puis-je suggérer à la suite de la mise en œuvre (non testé, vous devriez obtenir les bases de ce que je suis en train de faire)?

    <style>
    .menu-item: {
        display: block;
    }
    .price: {
        float: right;
    }
    .description {
        clear: both;
    }
</style>

<h3>Spaghetti</h3>
<div class="menu-item">
    <strong>Food name</strong>
    <span class="price">10.00</span>
    <span class="description">A great dish</span>
</div>

<div class="menu-item">
    <strong>Food name</strong>
    <span class="price">10.00</span>
    <span class="description">A great dish</span>
</div>

<div class="menu-item">
    <strong>Food name</strong>
    <span class="price">10.00</span>
    <span class="description">A great dish</span>
</div>
    une ligne n'est pas la même qu'une ligne. Par exemple: bytes.com/topic/html-css/answers/...
    Oui, c'est un exemple de rupture de la fonctionnalité (il ne sera certainement pas travailler dans IE). Bien sûr, vous POUVEZ trouver des solutions, mais une ligne est censé être une nouvelle ligne. Puis-je vous demander pourquoi vous utilisez une table si vous ne voulez pas d'une table de la fonctionnalité? Vous pouvez obtenir ce meilleur en utilisant des <div>'.
    J'ai édité ma réponse, nous l'espérons fournir un peu d'aide

    OriginalL'auteur Whetstone

  2. 1

    Faire des cellules 1.3, 2.3 et 3.3 une nouvelle <tr> avec un seul <td colspan="2">.

    C'est la dernière option. Les cellules doivent être sur la même ligne.
    Vous ne pouvez pas faire la <td> colonnes sur la même ligne en HTML et encore la dernière colonne commencer sur une nouvelle ligne. Si elles sont sur la même ligne, ils vont se rendre sur la même ligne...
    Les Tables ne fonctionne pas comme ça, mais cependant, il n'est pas juste une vague entité, c'est un tableau structuré. Pensez à une table, comme un graphique excel. Vous ne pouvez pas avoir de la cellule B3 montrer sur la ligne C.
    bytes.com/topic/html-css/answers/...
    Mauvais lien, webmasterworld.com/css/3025811.htm

    OriginalL'auteur kafuchau

  3. 1

    essayer ce violon:

    https://jsfiddle.net/r47bm836/

    table tr, table tr td:nth-last-child(1) {
    display: block !important;
    clear: both;
}
table tr, table tr td {
    clear: both;
}

    semble fonctionner pour moi.

    J'ai eu le même problème.

    OriginalL'auteur Darren