Layout CSS - pływające i czyszczenie
- Poprzednia strona Przelew CSS
- Następna strona Usunięcie przepływu CSS
Layout CSS - pływające i czyszczenie
CSS float Atrybut określa, jak element jest przesuwany.
CSS clear Atrybut określa, które elementy mogą być przesuwane obok elementów, które są czyszczone oraz na哪一侧.
Atrybut float
float Atrybut jest używany do lokalizacji i formatowania zawartości, np. przesunięcia obrazu w lewo do tekstu w kontenerze.
float Atrybut może przyjąć jedną z następujących wartości:
- left - element przesuwa się do lewej strony kontenera
- right - element przesuwa się do prawej strony kontenera
- none - element nie będzie przesuwany (zostanie wyświetlony w miejscu, gdzie się pojawił). Domyślna wartość.
- inherit - element dziedziczy wartość float od swojego rodzica
Najprostsze użycie to:float Atrybut umożliwia (np. w gazetach) efekt otaczania tekstem obrazu.
Przykład - float: right;
W przykładzie poniżej określono, że obraz powinien być przesunięty w prawo:
Prowadzące kursy w technologii Internetu - wszystko za darmo. W CodeW3C.com znajdziesz wszystkie potrzebne kursy tworzenia stron internetowych, od podstaw HTML po zaawansowane XML, SQL, JS, PHP.
Nasze podręczniki obejmują wszystkie aspekty technologii stron internetowych. W tym standardy W3C: HTML, CSS, XML. Obejmują również inne technologie, takie jak JavaScript, PHP, SQL.
W CodeW3C.com oferujemy tysiące przykładów. Dzięki naszemu online edytorowi możesz edytować te przykłady i eksperymentować z kodem.
Przykład
img {
float: right;
}
Przykład - float: left;
W przykładzie poniżej określono, że obraz powinien być umieszczony w tekście:W lewoPrzesunięcie:
Prowadzące kursy w technologii Internetu - wszystko za darmo. W CodeW3C.com znajdziesz wszystkie potrzebne kursy tworzenia stron internetowych, od podstaw HTML po zaawansowane XML, SQL, JS, PHP.
Nasze podręczniki obejmują wszystkie aspekty technologii stron internetowych. W tym standardy W3C: HTML, CSS, XML. Obejmują również inne technologie, takie jak JavaScript, PHP, SQL.
W CodeW3C.com oferujemy tysiące przykładów. Dzięki naszemu online edytorowi możesz edytować te przykłady i eksperymentować z kodem.
Przykład
img {
float: left;
}
Przykład - Brak float
W przykładzie poniżej, obraz zostanie wyświetlony w miejscu, gdzie tekst się pojawił (float: none;):
Prowadzące kursy w technologii Internetu - wszystko za darmo. W CodeW3C.com znajdziesz wszystkie potrzebne kursy tworzenia stron internetowych, od podstaw HTML po zaawansowane XML, SQL, JS, PHP.
Nasze podręczniki obejmują wszystkie aspekty technologii stron internetowych. W tym standardy W3C: HTML, CSS, XML. Obejmują również inne technologie, takie jak JavaScript, PHP, SQL.
W CodeW3C.com oferujemy tysiące przykładów. Dzięki naszemu online edytorowi możesz edytować te przykłady i eksperymentować z kodem.
Przykład
img {
float: none;
}
Przeczytaj więcej
Dodatkowe książki:Przepływ CSS
- Poprzednia strona Przelew CSS
- Następna strona Usunięcie przepływu CSS
