Sofia Emelianova
Dzięki narzędziom deweloperskim w Chrome debugowanie układów flexbox CSS jest intuicyjne. W panelu Elementy znajdziesz zależny od kontekstu edytor Flexbox oraz nakładki, które można dostosować.
Obejrzyj film, aby dowiedzieć się, jak:
- Użyj edytora Flexbox, aby zmieniać właściwości Flexbox jednym kliknięciem, zamiast je wpisywać.
- Przełącz nakładkę Flexbox w widocznym obszarze, aby od razu zobaczyć wprowadzone zmiany.
- Wybierz sekcję Elementy > Układ > Flexbox, by wyświetlić listę wszystkich elementów i zlokalizować je w drzewie DOM. Możesz tu też dostosować kolory nakładek.
Więcej ogólnych informacji o flexbox CSS znajdziesz na stronie Dowiedz się więcej o CSS > Flexbox.
Aby mieć więcej praktycznych możliwości debugowania w Narzędziach deweloperskich, zapoznaj się z samouczkiem Sprawdzanie i debugowanie układów CSS Flexbox.