Comment créer un séparateur réactif pour les listes horizontales qui disparaissent lors des sauts de ligne ?

Séparateur réactif pour la liste horizontale

Question :

Comment pouvez-vous supprimer les séparateurs en ligne ruptures causées par des changements dans la fenêtre taille ?

Exemple :

| Article 1 | Article 2 | Article 3 | Article 4 | Article 5 |
|---|---|---|---|---|

Lorsque la fenêtre se rétrécit :

Item 1	Item 2	Item 3
Item 4	Item 5

Notez que le séparateur reste au niveau du saut de ligne.

Solution possible :

CSS uniquement :

Vous pouvez tirer parti de la réduction d'espaces blancs de fin :

b {
    background: red;
    outline: 1px solid blue;
}
div {
    resize: both;
    overflow: hidden;
}

<div>
    word<b> </b>.repeat(42)
</div>

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!