Qu'est-ce que nous avons est un div contenant une image qu'un utilisateur télécharge. Ceci est le code:
html: CSS: Notre problème est si l'image que les téléchargements utilisateur ont une hauteur inférieure à 150px, il y a un grand espace en bas. Nous voulons donc aligner verticalement l'image afin que cela ne ressemble pas à ce qu'il ne s'agit que de flotter. J'ai essayé de rechercher des solutions sur le net, mais je ne peux pas en trouver un qui fonctionne avec des images dynamiques à l'intérieur d'une DIV. Certaines solutions nécessitent que vous connaissez les dimensions de l'image. a quelqu'un d'avoir ce problème et l'a résolu?
6 Réponses :
Je pense que vous ne pourrez pas aligner l'image verticalement en utilisant une technique directe. Vous pouvez voir Ceci pour aligner l'image horizontalement ...
Ce n'est pas si facile, consultez cette page http: // www. vdotmedia.com/demo/css -vertiquement-center.html
Vous devez utiliser JavaScript / JQuery pour détecter la hauteur de l'image. CSS n'est pas une langue dynamique et vous ne pouvez pas détecter la hauteur à l'aide de PURE CSS. Utilisation de jQuery, vous pouvez faire
jQuery CSS
Merci pour le code mais quand je l'ai essayé sur HTML, cela ne semble pas fonctionner. Est-ce que je manque quelque chose sur le script jquery? Je l'entoure avec
Vérifier l'exemple de travail sur
4 commentaires
Possible avec pure CSS: Stackoverflow.com/Questtions/18516317/...