Najlepszy samouczek CSS Display (wyświetlacz) i widoczność (widoczność) W 2024 r. W tym samouczku możesz dowiedzieć się Ukryte elementy - display: none lub visibility: hidden,Przykłady,Przykłady,CSS Display - elementy blokowe i inline,Jak zmienić element wskaźnikowy,Przykłady,Przykłady,Więcej przykładów,
Jak wyświetlić własność elementowa ma zostać wyświetlony, atrybut widoczności określa, że dany element powinien być widoczny lub ukryty.
Ukrywanie elementu przez atrybut wyświetlacza ustawionej na "none" lub mienia widoczności z "ukrytym". Należy jednak zauważyć, sposoby te będą różne wyniki.
visibility: hidden, aby ukryć element, ale ukryty elementem pozostaje taka sama jak przed okupacją, a nie ukryte miejsca. Oznacza to, że chociaż element jest ukryty, ale nadal mają wpływ na układ.
display: none ukryć element, a ukryte elementy nie zajmuje miejsca. Innymi słowy, element ten nie tylko jest ukryty i przestrzeń zajmowana przez pierwotnego elementu zniknie z układu strony.
Blok element jest elementem, zajmując całą szerokość przerwy linii przed i po nim.
Przykłady elementów blokowych:
elementy Inline wystarczy niezbędnej szerokości, nie wymusza podziały wiersza.
Przykłady elementów inline:
Można zmienić elementy blokowe i elementy inline i odwrotnie, może sprawić, że wygląd strony jest połączeniem szczególny sposób i nadal przestrzegać standardów internetowych.
Poniższy przykład wyświetla elementy listy jako elementy inline:
Następujące elementy przykładem rozpiętości jako elementy blokowe:
Uwaga: Zmiana rodzaju elementów graficznych, aby zobaczyć, jak jest wyświetlany element, to jakiego rodzaju elementów.Na przykład: elementu liniowego ustawiony na display: block nie może mieć swoje własne wewnętrzne elementy blokowe zagnieżdżonych.
Jak wyświetlić inline element.
Ten przykład pokazuje, w jaki sposób wyświetlać inline elementu.
Ten przykład pokazuje, w jaki sposób wyświetlać element element bloku.
Jak korzystać z nieruchomości upadek stół.
Ten przykład pokazuje, w jaki sposób korzystać z tabeli właściwości upadku.