Sofia Emelianova
Debugowanie układów flexbox w CSS jest intuicyjne dzięki Narzędziom deweloperskim w Chrome. Panel Elementy zawiera kontekstowy edytor flexboxa i przesłoń z możliwością dostosowania.
Obejrzyj film, aby dowiedzieć się, jak:
- Aby zmienić właściwości flexbox, możesz użyć edytora flexbox zamiast wpisywać je ręcznie.
- Przełącz nakładkę flexbox w widoku, aby od razu zobaczyć wprowadzone zmiany.
- Aby wyświetlić listę wszystkich elementów i ich położenie w drzewie DOM, kliknij Elementy > Układ > Flexbox. Możesz też spersonalizować kolory nakładki.
Więcej informacji o flexbox w CSS znajdziesz w artykule Uczenie się CSS > Flexbox.
Aby dowiedzieć się więcej o debugowaniu w Narzędziach deweloperskich, zapoznaj się z samouczkiem Sprawdzanie i debugowanie układów flexbox w CSS.