Je rencontre des problèmes en faisant un morceau de texte sur mon site Web, qui fera partie du système de navigation, devenir réactif. Actuellement, le texte est juste assis là et ne bougera pas quand je réajusterai mon navigateur.Impossible de rendre le texte réactif sur le site Web
Voici mon HTML:
<div id="apDiv1">
<div class="wrapper1">
<h2>Home</h2>
</div></div>
Voici mon CSS:
.wrapper1{
width:100%;
max-width:960px;
margin:0 auto;
}
que vous attendez votre texte à déplacer lorsque vous modifiez la taille de la fenêtre de votre navigateur. Cependant, si le texte est laissé ajusté (comme vous l'êtes), il sera toujours à gauche, quelle que soit la taille de la fenêtre. Donc vous ne devriez pas vous attendre à ce qu'il bouge.
Essayez-vous de centrer la div à l'écran? Je ne suis pas sûr de ce que vous voulez dire par déplacer le texte. Si vous souhaitez centrer la div ".wrapper1", ajoutez-y position: relative.
Si vous souhaitez centrer le texte, faire text-align: center;
Merci pour votre réponse, j'ai ajouté la "position: relative" comme vous le recommande mais il ne fait rien, le texte est toujours dans la même position. Aussi, je veux dire comme, vous savez comment vous auriez un système de navigation et s'attendre à ce qu'il se réajuste si vous redimensionnez le navigateur, le mien ne fait pas cela, donc je voudrais avoir le texte dans le système de navigation, redimensionner mon navigateur et vous ne seriez pas en mesure de voir ce lien "maison", je veux qu'il suive la position afin que l'utilisateur peut le voir sur l'écran si le navigateur est redimensionné. J'espère que c'est assez clair. – Dane
si je comprends bien, vous voulez que le div soit centré, juste - mais seulement quand la fenêtre est plus large que 960px? –
Ajout d'une réponse pour centrer le texte h2 –
Avez-vous inclus correctement le fichier css dans votre html?
Ce qui suit fonctionne comme prévu. Vous pouvez baser votre débogage sur cela:
<html>
<head>
<style type="text/css"> .wrapper1 {color:red; text-align:center; width:100%;} </style>
</head>
<body>
<div id="haha">
<div class="wrapper1">
<h2>Hello World.</h2>
</div>
</div>
</body>
</html>
Qu'attendez-vous exactement lorsque vous "réajustez votre navigateur"? – Mundi
Merci pour votre réponse, je veux dire comme, quand je déplace réajuster la taille du navigateur, je veux que le texte se déplace également, par exemple si vous êtes sur un navigateur plus petit ou mobile pour qu'il s'ajuste, je sais que je suis censé Réglez-le à 100%, mais c'est tout. – Dane
Suite - Vous voyez comment, si vous deviez redimensionner le navigateur sur StackOverflow, le menu et le texte, etc., se déplaceraient avec, c'est ce que j'essaie d'obtenir. – Dane