Hoe Om 'n Webwerf Gesentreerd Te Maak

INHOUDSOPGAWE:

Hoe Om 'n Webwerf Gesentreerd Te Maak
Hoe Om 'n Webwerf Gesentreerd Te Maak

Video: Hoe Om 'n Webwerf Gesentreerd Te Maak

Video: Hoe Om 'n Webwerf Gesentreerd Te Maak
Video: Hoe maak je een katoenen gaasverband. 2024, November
Anonim

Die meeste bladsye word tans met lae (div) uitgelê, dus word die probleem om die webwerf in die middel van die blaaiervenster in te stel, verminder tot die taak om die laag te sentreer wat die breedte van die sigbare area van die bladsy bepaal. Om dit in die middel van die venster te plaas, is dit nodig om die toepaslike instellings vir die ouerelement of vir hierdie blok self in te stel.

Hoe om 'n webwerf gesentreerd te maak
Hoe om 'n webwerf gesentreerd te maak

Dit is nodig

Basiese kennis van HTML- en CSS-tale

Instruksies

Stap 1

Plaas die laag wat u wil plaas in die middel van die venster, tussen die begin- en sluitingsgedeeltes van die middelplaatjie, as u net die gebruik van die HTML-taal wil doen (HyperText Markup Language - "hypertext markup language"). Ons sal aanvaar dat die ouer van die laag wat die bladsyrande definieer, die liggaam van hierdie bladsy is. Die eenvoudigste weergawe van die HTML-kode wat die middelpunt gebruik, kan in hierdie geval soos volg lyk:

Sentrumbladsy

bladsy teks

Stap 2

As u CSS (Cascading Style Sheets) wil gebruik om die bladsy in die middel te plaas, gebruik dan die outomatiese grootte van die vulling vanaf die rand van die blaaiervenster. Die marge-groottes in CSS word bepaal deur die marge-parameter. Verwyder die middeltags uit die vorige voorbeeld en voeg 'n marge-parameter van 0 outomaties by die stylkenmerk van die laag wat die bladsywydte definieer:

Sentrumbladsy

bladsy teks

Stap 3

Natuurlik kan die styldefinisie uit die stylkenmerk geneem word en in 'n eksterne lêer of in die kop van die dokument geplaas word (tussen die tags en). In hierdie geval sal dieselfde kode so lyk:

Sentrumbladsy

# bladsyFrame {

breedte: 700px;

hoogte: 400px;

agtergrond: # 0BB;

marge: 0 outomaties;

}

bladsy teks

Aanbeveel: