Espace entre deux lignes dans une table?

Question

Est-ce possible via CSS ?

J'essaie

``

rien n’y fait. Peut-être que je fais quelque chose de mal ?

Answer 1

Vous devez utiliser un rembourrage sur votre td éléments. Quelque chose comme ceci devrait faire l'affaire. Vous pouvez, bien sûr, d'obtenir le même résultat à l'aide d'un haut rembourrage au lieu d'un remplissage en bas.

Le code CSS. Le signe supérieur signifie que le remplissage est appliqué uniquement aux éléments td qui sont les enfants directs de tr éléments avec la classe spaceUnder. Ainsi, il est possible d'utiliser des tables imbriquées. (Cell C et D dans l'exemple de code.) Je ne suis pas trop sûr de prise en charge du navigateur pour le sélecteur d'enfant (pensez à IE 6), mais il ne devrait pas casser le code dans tous les navigateurs modernes.

/* Apply padding to td elements that are direct children of the tr element. */
tr.spaceUnder > td
{
  padding-bottom: 1em;
}

Code HTML:

<table>
  <tbody>
    <tr>
      <td>A</td>
      <td>B</td>
    </tr>
    <tr class="spaceUnder">
      <td>C</td>
      <td>D</td>
    </tr>
    <tr>
      <td>E</td>
      <td>F</td>
    </tr>
  </tbody>
</table>

Cela devrait rendre un peu comme ceci:

+---+---+
| A | B |
+---+---+
| C | D |
|   |   |
+---+---+
| E | F |
+---+---+

Answer 2

Dans la table parente, essayez le réglage

Plus une déclaration sur la frontière et voir si cela permet d’obtenir votre effet désiré. Attention, cependant, que IE ne supporte pas le modèle « séparé des frontières ».

Answer 3

Vous avez le tableau avec les albums d’id avec toutes les données... J’ai omis le trs et tds

Dans le css

Answer 4

depuis que j’ai une image d’arrière-plan derrière la table, semblant avec un remplissage blanc ne fonctionnerait pas. J’ai opté pour mettre une ligne vide entre chaque ligne de contenu :

puis utiliser les css pour donner les lignes d’espacement une certaine hauteur et fond transparent.

Answer 5

Vous ne pouvez pas modifier la bordure d’une cellule de tableau. Mais vous pouvez modifier le remplissage. Modifier le remplissage de la TD, ce qui rendra la cellule plus grande et pousser le texte à l’écart du côté avec le rembourrage accru. Si vous avez des lignes de bordure, cependant, il encore ne sera pas exactement ce que vous voulez.