0
votes

Comment aligner les textes horizontalement et verticalement au sein d'une image qui la maintient réactif?

Je veux positionnez des textes sur l'image, donc j'ai utilisé la position (relative et absolue). Cette approche fonctionne mais n'est pas réactive. Je dois écrire des requêtes de médias pour toutes les dimensions. Existe-t-il une meilleure approche alors que je n'ai pas besoin d'utiliser des requêtes de média et que cela s'ajuste par lui-même dans toutes les situations (comme si le contenu est plus ... ou dynamique)

** bootstrap ** xxx

CSS xxx


0 commentaires

3 Réponses :


0
votes

Vous pouvez ajouter le img en arrière-plan et laisser le texte dans le flux HTML. xxx

ou vous pouvez regrouper tout le texte dans un conteneur et donner la position absolue au conteneur xxx


1 commentaires

Bonjour Bobbyc, merci de partager votre solution à mon problème, mais les deux approches ne fonctionnent pas. N'hésitez pas à partager toute autre solution que vous pensez peut être utilisée. Merci



0
votes

Vous ajoutez: xxx

puis retirer "image"


1 commentaires

Merci beaucoup d'avoir répondu à ma question. Cette approche ne donne toujours pas de sortie car je veux. La réactivité n'est pas là ... là-bas r des autres problèmes aussi ..mais la principale chose était de réactiver. Si vous pouvez de toute autre approche, n'hésitez pas à partager. Merci une fois de plus.



0
votes

Lorsque l'image est en arrière-plan, vous pouvez ajouter les éléments suivants:

background: url('img/144ppi/Asset 2.png') no-repeat;
background-size: cover;
background-positition: center;


1 commentaires

Cela est évident!! Lorsque vous utilisez l'image comme BG😅.