Sisukord:

Kuidas kogu leht CSS-is tsentreerida?
Kuidas kogu leht CSS-is tsentreerida?

Video: Kuidas kogu leht CSS-is tsentreerida?

Video: Kuidas kogu leht CSS-is tsentreerida?
Video: Полный курс по Next js - Изучи Nextjs за 2 часа! | React SSR +таймкоды 2024, November
Anonim

Keskendage oma veebisaidi struktuur CSS-i abil horisontaalselt

  1. Esimene samm: HTML. Kuulutage välja DOCTYPE. Loo esialgne "wrap" DIV, mis on veebisaidi oma ümbris. <!
  2. Teine samm: CSS . Deklareerige mähise ID - peate deklareerima laiuse (muidu kuidas te teeksite Keskus seda?) Kasutage "auto" vasakut ja paremat veerist.

Nii, kuidas kogu leht HTML-i keskele paigutada?

Loo CSS¶ Määrake välimise elemendi laius (st 100% katab terve rida). Muutke seda vastavalt vajadusele. Määrake veerise atribuudiks automaatne horisontaalseks Keskus element sees lehel . "Margin: 0 auto" on see, mida tegelikult teeb tsentreerimine.

mis on Hgroup? HTML < hgrupp > märgendit kasutatakse HTML-dokumendi või jaotise päise määratlemiseks. Täpsemalt kasutatakse seda komplekti rühmitamiseks

elemente, kui pealkirjal on mitu taset, näiteks alampealkirjad, alternatiivsed pealkirjad või tunnusteksti.

Niisiis, kuidas ma CSS-is kasti keskele paigutan?

Nii et kui seate veeris ülemise ja veerise vasakule negatiivseks vastavalt poole kõrgusest ja laiusest, saada a tsentreeritud kast . Saate määrata kasti fikseeritud laius ja kõrgus ning seejärel anda selle margin-top ja margin-left omadused on kõrguse ja laiuse negatiivne pool.

Kuidas vertikaalselt tsentreerida div?

CSS lihtsalt mõõdab div , vertikaalselt keskel joondab ulatuse, määrates div's line-height võrdub selle kõrgusega ja muudab vahemiku inline-plokiks vertikaalne -joondamine: keskel. Seejärel seab see joone kõrguse tagasi normaalseks, nii et selle sisu voolab loomulikult ploki sees.

Soovitan: