recherche

Maison  >  Questions et réponses  >  le corps du texte

Quand devrais-je envisager d’utiliser position pour positionner un élément au lieu d’une boîte flexible ?

<p><br /></p> <pre class="brush:php;toolbar:false;"><!DOCTYPE html> <html lang="fr"> <tête> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titre>Document</titre> <style> #dn { largeur : 400 px ; hauteur : 400px ; remplissage : 20 px ; bordure : 2px solide #cd1313 ; } .boîte1 { largeur : 100 % ; hauteur : 100 % ; affichage : flexible ; justifier-contenu : centre ; aligner les éléments : centre ; alignement du texte : centre ; poids de la police : gras ; Couleur blanche; taille de police : 24 px ; couleur d'arrière-plan : #000000 ; } </style> ≪/tête> <corps> <div id="dn" class="boxn"> Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto ducimus repudiandae inventeur iste porro distinctio necessitatibus incidunt accusamus facilis obcaecati! hé nom <div id="d1" class="box1"> Enfant </div> Lorem ipsum dolor sit amet consectetur adipisicing elit. Eaque deleniti quibusdam quod praesentium, soluta harum alias aperiam hic voluptatum natus ? </div> </corps> </html></pre> <p>直对齐项目。然后我问自己，为什么我没有使用位置来居中的文字?那么后果会是什么呢?如果项目是一个跨度框，我可以在其中应用位置吗?如果是，那么它不会产生问题，因为我们必须使用绝对位置来使它响应boxn。这个问题又长又烦人，但对我来说很重要。</p>
P粉914731066P粉914731066493 Il y a quelques jours639

répondre à tous(1)je répondrai

  • P粉311464935

    P粉3114649352023-07-24 11:11:40

    Lorsque vous utilisez la position, vous devez définir le nombre de pixels de chaque côté de l'objet dont vous avez besoin pour le positionner. Ce n'est pas très flexible. Imaginez que vous deviez mesurer/calculer/essayer le nombre de pixels dont chaque objet a besoin pour différentes tailles d'écran, c'est possible mais cela prend beaucoup de temps et d'efforts. La flexbox est donc plus facile à mettre en œuvre.

    Avec flexbox, votre contenu sera plus cohérent. Je veux dire, il calcule pour vous le nombre de pixels dont vous avez besoin de chaque côté de l'objet. Cela réduira le risque de calculs hors cible. Tous les éléments seront donc positionnés de la même manière.


    répondre
    0
  • Annulerrépondre