* počítačové znalosti >> Softvér >> prezentácia Software >> .

Ako si vyrobiť vlastné rolovacie posuvník pre Div

div je štandardný grafický prvok webe , ktorý má obsah na webovej stránke , podobne ako v okne , ktoré sa držia textu na dokumente návrhu tlače . HTML kódovanie umožňuje Web designer pripojiť posuvník na div , ktorého obsah pretečie hranice DIV je . To je užitočné pre pridávanie veľký blok informácií na stránke , ale zobrazuje iba prvých pár riadkov . Niektoré webové stránky používajú túto techniku prelomiť stránku do sekcií vertikálne . Úloha trvá len pár riadkov kódu . Pokyny dovolená 1

Vytvorte si div sa webové stránky medzi značky BODY pomocou

a < /div > počiatočným a koncovým tagom , respektíve :

;

< /div >
2

Nastavte pevnú šírku a výšku vášho div a nastaviť farbu pozadia na účely testovania , takže môžete vidieť hranice div . :

< /div > .
3

Vložte nejaký druh v div pre testovacie účely :

Text tady texte tu texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tu texte tu .

< /div >

4

Pridať tag pretečeniu do svojho štýlu a nastavte ju na " auto " :

< div style = " width : 200px , výška : 100px ; background- color : gray ; overflow : auto ; " >

Text tady textový tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tu texte tu .

< /div >
5

Upravte svoj padding podľa potreby :

< div style = " width : 200px , výška : 100px ; background- color : gray ; pretečeniu : auto ; padding 15px 0 0 15px " >

Text tady textový tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tady texte tu texte tu .

< /div >
6

Otvorte stránku v prehliadači a skontrolujte posuvníka . Typ , ktorý preteká div by mala byť odrezaná dolnej časti okna , ale posuvník by mala umožniť užívateľovi posúvať ju prečítať .

Ako si vyrobiť vlastné rolovacie posuvník pre Div

Odporúčané články

Najnovšie články

prezentácia Software

Softvér