Przejdź do zawartości

Szablon:DivClear/opis

Z Wikibooks, biblioteki wolnych podręczników.

Opis

[edytuj]

Szablon 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)

[edytuj]

Szablon {{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

[edytuj]

Weź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

[edytuj]

Błędy należy zgłaszać na stronie Wikibooks:Kwestie techniczne.

Szablony {{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.

Parametry szablonu[Zarządzaj danymi szablonu]

ParametrOpisTypStatus
Wyrównanie1

"left" lub "right"

Ciąg znakówopcjonalny

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.