Wann sollte ich in Betracht ziehen, Position zum Positionieren eines Elements anstelle von Flexbox zu verwenden?
<p><br /></p>
<pre class="brush:php;toolbar:false;"><!DOCTYPE html>
<html lang="de">
<Kopf>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dokument</title>
<Stil>
#dn {
Breite: 400px;
Höhe: 400px;
Polsterung: 20px;
Rand: 2px fest #cd1313;
}
.box1 {
Breite: 100 %;
Höhe: 100 %;
Anzeige: Flex;
rechtfertigen-Inhalt: Mitte;
align-items: center;
Textausrichtung: Mitte;
Schriftdicke: fett;
Farbe weiß;
Schriftgröße: 24px;
Hintergrundfarbe: #000000;
}
</style>
</head>
<Körper>
<div id="dn" class="boxn">
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Architecto ducimus repudiandae erfinder ist es, porro distinio necessitatibus incidunt accusamus facilis obcaecati! Hey Name
<div id="d1" class="box1">
Kind
</div>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Ist es eine Frage des Praesentiums, dass Harum alias aperiam hic voluptatum natus?
</div>
</body>
</html></pre>
Antworte allen(1)Ich werde antworten
P粉3114649352023-07-24 11:11:40
当使用位置时，你必须定义物体每边需要多少像素才能定位它。这不是很灵活。想象一下，你必须测量/计算/尝试不同屏幕尺寸的每个对象需要多少像素，这是可能的，但需要花费大量时间和精力。所以flexbox更容易实现。
有了flexbox，你的内容也会更加一致。我的意思是，它会为你计算你需要多少像素在每一边的对象。这将减少脱靶计算的机会。因此，所有元素都将以相同的方式定位。
Antwort
0