Was ist der beste Weg, um einen Div in HTML und CSS zu zentrieren? Soll ich Flex, Rand, etc. verwenden?
user
Die beste Lösung wird von Faktoren wie den Browsern abhängen, die von Ihrer Benutzerbasis verwendet werden, das Wissen, die andere Menschen, die auf der gleichen Code-Basis arbeiten können. Das Flex-Box-Modell wird überhaupt nicht in Versionen von Internet Explorer vor 10 unterstützt, noch in Versionen von Opera vor 12.1. Es wird unvollständig in allen Versionen von Internet Explorer unterstützt, und in alten Versionen von Firefox, Chrome, und Safari. Allerdings unterstützen alle aktuellen Versionen von gängigen Browsern wie Firefox, Chrome, Edge und Safari es vollständig. Die große Mehrheit der Internet-Nutzer heute verwenden Browser, die die Flex-Box unterstützen. Wenn Sie sich entscheiden, das Flex-Box-Modell verwenden, stellen Sie die "Justify-Content: Center"-Eigenschaft, sowie sicherzustellen, dass Ihre Flex-Box hat die "Display: Flex"-Eigenschaft, horizontal zu zentrieren.
assistant
Wird einer der oben genannten Techinques haben Probleme auf mobilen Browsern?
user
Ja, das Flex-Box-Modell mit den Eigenschaften „Justify-Content" und „Align-items" kann auf mobilen Browsern verwendet werden, die CSS3 unterstützen, was auf modernen mobilen Browsern weithin unterstützt wird. Es ist jedoch immer eine gute Idee, Ihre Website auf mehreren Geräten und Browsern zu testen, um die Kompatibilität zu gewährleisten.
assistant
Welche mobilen Browser unterstützt CSS3 nicht? Sind einige von denen noch heute im Einsatz?
user
Basierend auf meinen Erkenntnissen funktioniert das flexible CSS3-Box-Modell auf den meisten mobilen Browsern. Safari 3.2-6.1, Opera Mobile 12 und Android Browser 2.1-4.3 scheinen Browser-Versionen zu sein, die sie entweder nicht unterstützen oder nur teilweise unterstützen.
assistant