Najlepszy samouczek CSS float (pływające) W 2024 r. W tym samouczku możesz dowiedzieć się Co to jest CSS float (float)?,Jak pływający element,Przykłady,elementy przylegające do siebie przestawne,Przykłady,Jasne float - Wykorzystanie jasne,Przykłady,Więcej przykładów,Cała własność CSS pływaka,
CSS float (floating), element przesunie się w lewo lub w prawo, elementy wokół niego zostaną uporządkowane.
Float (floating), jest często używany do zdjęć, ale jest to bardzo przydatne, gdy ten sam układ.
Poziomy element pływający, to znaczy, że element może poruszać się tylko w lewo i prawo i nie może poruszać się w górę iw dół.
Element pływający będzie starał się przesunąć w lewo lub w prawo, aż jego zewnętrzna krawędź po drugiej stronie granicy lub inny pływające okno zawierające pole do tej pory.
Elementy po elemencie pływającym skupi się na nim.
nie zostaną naruszone elementy przed elementem pływającym.
Jeśli obraz jest pływający tuż następujący tekst popłynie po lewej stronie to:
Jeśli wstawisz kilka elementów pływających umieszczone razem, jeśli nie ma miejsca, to będzie obok siebie.
Tu używamy galerii Pływak obrazu nieruchomości:
Po elementy przestawne elementy przestawiać, aby tego uniknąć, należy wyraźne własności.
jasne atrybut określa element nie może występować po obu stronach elementu pływającego.
Użyj wyraźne właściwości text aby dodać galerię zdjęć:
Obrazek po lewej dodawać obramowania i marginesów i unosi do ust
Dodajmy granice obrazu i marże oraz ust pływak z lewej
Tytuł i zdjęcia do prawego pływaka
Niech tytuł i zdjęcia do prawego pływaka.
Niech pierwszą literę akapitu pływaka w lewo
Zmień styl tak, że pierwsza litera akapitu pływaka po lewej.
Za pomocą pacy do stworzenia nagłówka strony, stopki, lewy treści i główną treść.
"CSS" kolumna wskazuje liczbę różnych wersjach CSS (CSS1 i CSS2) określa właściwość.
属性 | 描述 | 值 | CSS |
---|---|---|---|
clear | 指定不允许元素周围有浮动元素。 | left right both none inherit |
1 |
float | 指定一个盒子(元素)是否可以浮动。 | left right none inherit |
1 |