Latest web development tutorials

CSS float (pływające)

Co to jest CSS float (float)?



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.


Jak pływający element

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:

Przykłady

img
{
float:right;
}

Spróbuj »


elementy przylegające do siebie przestawne

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:

Przykłady

.thumbnail
{
float: left;
width: 110px;
height: 90px;
margin: 5px;
}

Spróbuj »


Jasne float - Wykorzystanie jasne

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ęć:

Przykłady

.text_line
{
clear:both;
}

Spróbuj »


Przykłady

Więcej przykładów

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.

Nie utworzyć stronę z tabelą

Za pomocą pacy do stworzenia nagłówka strony, stopki, lewy treści i główną treść.


Cała własność CSS pływaka

"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