Je développe un site Web de commerce électronique où tous les produits sont affichés dans la même page de "Cols" Le problème est que je ne pouvais pas réparer la largeur du col ou la hauteur à l'aide de CSS
p>
.side-body { margin-left: 310px;} .right { float: right; border-bottom: 2px solid #4b8e4b; } .thumbnail { -webkit-transition: all 0.5s; transition: all 0.5s; } .thumbnail:hover { opacity: 1; box-shadow: 0px 0px 10px #41d834; } .line { margin-bottom: 5px; } @media (max-width: 768px) { .col-equal { margin: auto; display: flex; display: -webkit-flex; flex-wrap: wrap; } }
5 Réponses :
Essayez de définir une hauteur mineure sur le texteblok sous l'image (description) Je pense que cela résoudra votre problème P>
semble que vous ajoutez tout à l'intérieur, vous devez donc rendre l'étiquette de l'étoupe en tant qu'élément de bloc ou de bloc en ligne
Utilisation: p>
.thumbnail{ display:inline-block; width:your-width-value; height:your-height-value; }
Essayez de donner min-hauteur à H4, de sorte que toutes les descriptions des produits auront la même hauteur. P>
Pouvez-vous nous montrer ce que vous avez essayé? Nous pouvons donc vous aider à mieux vous aider.
Si j'ai un texte long dans h4 code> cela fonctionnera-t-il si le texte enveloppe à la ligne suivante?
bootstrap a .row-eq-hauteur code> pour régler la hauteur égale sur toutes les colonnes d'une ligne. Cependant, il n'est pas pris en charge par Internet Explorer.
<div class="container">
<div class="row row-eq-height">
Pour moi, il semble que vous n'utilisez pas de bootstrap v4, mais en fait v3. p>
bootstrap v3 utilise Codepen.io/herrserker/pen/xmyyom utilise Bootstrap v3 (avec le problème) de float: gauche code>, tandis que bootstrap v4 utilise
Affichage: flex code> p> P>
CODEPEN.IO/HERRSERKER/PEN/VBVQYO utilise BOOTSTRAP V4 (sans le numéro) P >
Que voulez-vous dire avec "correction"? Que veux-tu accomplir?
Pouvez-vous créer la petite démo sur Stackblitz?
Quel est l'objectif final?
Ensemble
max-hauteur code> et
max-largeur code> sur
.Thumbnail code>
Duplicaté possible de Comment puis-je fabriquer des colonnes de bootstrap tous les mêmes Hauteur?
Problème résolu merci merci