Ich habe eine Million Fragen zum Zentrieren eines Blockelements gesehen, und es scheint einige beliebte Methoden zu geben, die jedoch alle auf festen Pixelbreiten beruhen. Dann auch nichtmargin:0 auto oder mit absoluter / relativer Positionierung undleft:50%; margin-left:[-1/2 width]; usw. Wir alle wissen, dass dies nicht funktionieren kann, wenn für das Element eine Breite in% festgelegt ist.

Gibt es wirklich keine Möglichkeit, dies auf eine Weise zu tun, die wirklich flüssig ist? Ich spreche über die Verwendung% für die Breite (nicht ein Dutzend Medienabfragen mit immer kleineren festen Breiten einstellen).

Achtung: Es gibt Unmengen von Lösungen, die aber das Schlagwort "responsive" verwendennicht beantworte meine Frage (weil sie sowieso feste Breiten verwenden). Hier istein Beispiel.

Aktualisieren: Fast hätte ich vergessen: Wie gehen Sie damit um, die maximale Breite des zentrierten Elements zu begrenzen und es trotzdem in der Mitte zu belassen? Siehe meinen Kommentar unter der Antwort von @ smdrager. Beispiel aus dem wirklichen Leben. Ich möchte, dass eine Popup-Nachricht oder ein Lightbox-Effekt, der einen Textabschnitt enthält, in der Mitte des Fensters angezeigt wird und der Text je nach Breite fließend umbrochen wird. Aber ich möchte nicht, dass sich das Textfeld zu weit ausdehnt, wenn der Text schwer zu lesen ist (stellen Sie sich einen 4-Fuß-Bildschirm mit drei Absätzen vor, die auf eine einzelne Textzeile gestreckt sind). Wenn Sie den meisten Ansätzen eine maximale Breite hinzufügen, stoppt das zentrierte Feld die Zentrierung, wenn die maximale Breite erreicht ist.