Szablon:DivClear/opis
Opis
edytujSzablon służy, by pływające elementy dzieci z: float:right
lub float:left
, rozpychały rodzica. Jest zbudowany w oparciu o element blokowy: <div>...</div>
.
Opis parametrów
edytuj- Wywołanie podstawowe
{{DivClear}}
- Wywołanie pełne
{{DivClear|1=[both|left|right] - ustawienie opływania elementu z float:right, gdy 1=right, lub float:left, gdy 1=left, lub jednocześnie elementów obu rodzajów, gdy 1=both}}
Wikikod, zbudowany za pomocą szablonu znaczników (kombajnu)
edytujSzablon {{DivClear}} ma kod w zależności od znacznika: {{Znacznik}}, przedstawiający się:
- Szablon {{DivClear}}
{{Znacznik|tag=div|klasa=div-clear-{{{1|both}}}|styl=clear:{{{1|both}}}|}}
Użycie i przykłady
edytujWeźmy rodzica i dziecko pływające, ale oba dla przykładu są obramowane:
{{Div|styl=width:200px;min-height:50px;border: solid 1px black;padding:5px; | 1 = {{Div|styl=float:right;width:50px;height:60px;border: solid 1px black;}} }}
A ten kod w działaniu jest taki:
Widzimy, że dziecko nie rozpycha rodzica, jedyną możliwością, aby temu zapobiec, jest użycie szablonu bezparametrowo {{DivClear}}. Wtedy kod wygląda następująco:
{{Div|styl=width:200px;min-height:50px;border: solid 1px black;padding:5px; | 1 = {{Div|styl=float:right;width:50px;height:60px;border: solid 1px black;}} {{DivClear}} }}
A wynik powyższego kodu w działaniu jest taki:
Do tego służy właśnie {{DivClear}}. A więc, wtedy dziecko rozpycha rodzica, jeżeli użyjemy ten szablon.
Błędy
edytujBłędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.
Parametry szablonu (strukturyzacja Wizualnego Edytora)
edytujSzablony {{DivClear}} używa się po to, żeby prawidłowo umieszcza się pod pływającym elementem. Szablon {{DivClear}} rozpycha rodzica, by dostosował się do rozmiarów swoich dzieci.
Parametr | Opis | Typ | Status | |
---|---|---|---|---|
Wyrównanie | 1 | "left" lub "right" | Ciąg znaków | opcjonalny |
Zobacz też
edytuj- {{BrClear}}, {{-}} (przekierowanie do {{BrClear}}) i {{Koniec grafiki}} (przekierowanie do {{BrClear}}) - szablon opływania, zbudowany w oparciu o znacznik:
<br />
, elementów pływających z dodatkową linią pustą, - {{SpanClear}} - szablon opływania, zbudowany w oparciu o znacznik:
<span>...</span>
- elementu liniowego, elementów pływających z dodatkową niełamliwą spacją, - {{DivClear}} - szablon rozpychający rodzica, by on zastosował się do rozmiarów swoich dzieci, zbudowany w oparciu o znacznik:
<div>...</div>
- elementu blokowego.
|