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>
