简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Maison > interface Web > tutoriel HTML > le corps du texte

Comment créer un div contenant plusieurs images de taille fixe

王林
Libérer： 2023-09-11 10:37:01
avant
984 Les gens l'ont consulté

Aperçu

Pour donner à l'image une taille fixe, vous pouvez la définir Comment créer un div contenant plusieurs images de taille fixe

Dans les images ci-dessous, toutes les images sont de taille fixe, avec une largeur "18rem" et une hauteur "10rem". La taille de l'image est définie une fois dans la feuille de style interne du code dans la balise head.

Conclusion

L'avantage d'utiliser une feuille de style externe est que nous pouvons positionner l'étiquette et définir sa largeur et sa hauteur. Ainsi, quel que soit le nombre d'images ajoutées dans le div parent à l'avenir, l'image aura la même taille que celle indiquée ci-dessus. Ces tâches sont utilisées pour développer des applications telles que des galeries de photos mobiles, créer des catalogues de cours, etc. L’utilisation de styles en ligne dans ce cas est inutile car cela rendra le code plus encombré.

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!

Étiquettes associées：
div Images de taille
source：tutorialspoint.com
Article précédent：Comment spécifier en HTML que l'utilisateur peut saisir plusieurs valeurs ? Article suivant：Comment trouver la taille de localStorage en HTML ?
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Derniers numéros
Conversion automatique PX en erreur REM  <style>html {   taille de police : calc(100vw / 3,75);      }body {    taille de la...
Depuis 2024-04-16 09:34:16
0
0
4687
Pourquoi l'omission de 0 ms de veille interrompt-elle mes transitions CSS ? J'essaie d'implémenter une animation FLIP pour voir si je la comprends bien. Dans ce codep...
Depuis 2024-04-06 16:29:50
0
2
490
Masquer/afficher le div en cliquant et en faisant défiler Je souhaite créer un formulaire de recherche caché qui apparaît lorsque nous cliquons sur ...
Depuis 2024-04-06 12:20:46
0
1
386
Comment puis-je faire correspondre la largeur du texte à la largeur d'une image/titre de taille dynamique ? Voir ce codepen : https://codepen.io/allen-houng/pen/XGMjMr?editors=1100#0<div><i...
Depuis 2024-04-06 10:04:43
0
2
386
Pourquoi l'info-bulle fonctionne-t-elle toujours après la suppression du lien ? Ce n'est que lorsque je supprime le lien que je vois la balise div avec l'info-bulle. Quel...
Depuis 2024-04-05 09:51:08
0
1
1419
Rubriques connexes
Plus>
Recommandations populaires
Tutoriels populaires
Plus>
Tutoriels associés
Recommandations populaires
Derniers cours
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois：Formation PHP en ligne sur le bien-être public，Aidez les apprenants PHP à grandir rapidement！