comment éviter que les produits aux lignes de saut en vue de la liste (CSS)

Question

J'ai un problème avec mes produits sur la page d'accueil. Je veux montrer mes produits dans 2 rangs avec 4 produits dans une rangée, mais dans la deuxième rangée, j'ai 2 produits et 2 autres produits vont à la ligne suivante.

est que je css utiliser pour personnaliser mes produits

.products-grid li.item {
float: left;
width: 170px;
padding: 0px 10px 4px;
} 

Voici capture d'écran de ma page:

Je n'ai pas une idée de comment résoudre ce problème: /

Answer 1

Si le nombre de colonnes est correcte, ce qui signifie que vous avez 4 éléments par ligne, alors il est probablement causé par un élément étant plus élevé que les autres. Vous avez probablement 2 solutions.

1. Donnez la li.item une hauteur fixe
2. Faites le .produits-grille flottante avec un clear: both; pour garantir que chaque ligne est placée sous le dernier