Widziałem milion pytań o to, jak wyśrodkować element blokowy i wydaje się, że jest kilka popularnych sposobów na to, ale wszystkie opierają się na stałych szerokościach pikseli. Wtedy teżmargin:0 auto lub z pozycją absolutną / względną ileft:50%; margin-left:[-1/2 width]; itd. Wszyscy wiemy, że to nie działa, jeśli element ma szerokość ustawioną w%.

Czy naprawdę nie ma sposobu, aby to zrobić w sposób naprawdę płynny? Mówię o używaniu% dla szerokości (nie ustawienie kilkunastu zapytań o media o coraz mniejszych stałych szerokościach.

Uważaj: jest mnóstwo rozwiązań, które używają szumu „responsywny”, alenie odpowiedz na moje pytanie (ponieważ i tak używają stałych szerokości). Otoprzykład.

Aktualizacja: Prawie zapomniałem: jak radzisz sobie z ograniczaniem maksymalnej szerokości wyśrodkowanego elementu i nadal utrzymujesz go w centrum? Zobacz mój komentarz pod odpowiedzią @ smdrager. Prawdziwy przykład. Chcę, aby wyskakujący komunikat lub efekt jasnego pola zawierał akapit tekstu w środku okna, a tekst zawijał płynnie w zależności od szerokości. Ale nie chcę, aby pole tekstowe rozciągało się zbyt daleko, gdy tekst byłby trudny do odczytania (wyobraź sobie ekran o wysokości 4 stóp z trzema akapitami rozciągniętymi na pojedynczy wiersz tekstu). Jeśli dodasz maksymalną szerokość do większości podejść, wyśrodkowane pole zatrzyma centrowanie, gdy osiągnięta zostanie maksymalna szerokość.