Kaip centruoti tekstą HTML

Autorius: Laura McKinney
Kūrybos Data: 10 Balandis 2021
Atnaujinimo Data: 1 Liepos Mėn 2024
Anonim
CSS Center text Horizontal and Vertical
Video.: CSS Center text Horizontal and Vertical

Turinys

Šis „wikiHow“ moko, kaip sutelkti tekstą HTML svetainėje, naudojant pakopinius stiliaus lapus (CSS). HTML teksto centravimas atliekamas su žymomis

, tačiau ši žyma laikoma pasenusia ir nebeveikia daugelyje naršyklių.

Žingsniai

1 metodas iš 2: CSS

  1. Atidarykite failą, kuriame yra CSS stiliai. Nors kortelė
    pasenę, bet vis tiek galite sukurti naujų elementų, kuriuos norite pridėti bet kurioje puslapio vietoje, kad tekstas būtų sutelktas jų ribose. Jei neturite atskiro CSS failo, turite nurodyti stilių HTML failo viršuje, tarp žymių.’.
    • Jei dar nėra kortelės Turite pridėti tiesiai po kortele failo viršuje yra šie:

  2. Sukurkite teksto centro sluoksnį. Kortelė
    paprašys HTML dokumento nurodyti konkrečią teksto dalį, todėl turėsite suklasifikuoti šią žymą. Prašau įvesti šį tekstą tarpelyje tarp žymos „stilius“, nepamirškite paspausti ↵ Įveskite du kartus po pirmos eilutės:

    • Pridėti ypatybių sulyginti tekstą. Importuoti text-align: centre; į skyriuje esančią tarpą tarp petnešų div.a. Dabartinis pavadinimas atrodys taip:

      • Pridėkite kortelę div tekstas turėtų būti sutelktas. Tęskite įdėdami kortelę
        tekstas virš teksto, kurį norite centruoti ir uždaryti žymomis po tekstu, kurį norite centruoti. Pvz., Norint sutelkti pavadinimą ir pradinę pastraipą, turite įvesti:
        • Kortelių naudojimas div.a sutelkti kitus regionus. Jei norite sutelkti kitą elementą (pvz., Turinį tarp žymių, pvz., ir

          ), įveskite
          priešais tekstą ir po to. Kadangi kaip centravimo komandą nurodėte „div.a“, šis tekstas bus sutelktas taip pat, kaip ir ankstesnis:
          • Dokumento peržiūra. Turinys gali skirtis, tačiau paprastai jūsų dokumentas turėtų atrodyti maždaug taip:
              skelbimas

            2 metodas iš 2: HTML naudokite centrinę žymą

            1. Atidarykite HTML dokumentą. Šis metodas aprašo, kaip naudoti HTML žymas
              (dabar taip pat pasenęs). Nuo 2018 m. Gruodžio mėn. Ši kortelė vis dar veikia kai kuriose interneto naršyklėse, tačiau ilgainiui vis tiek neturėtumėte šios kortelės naudoti.
            2. Nurodykite tekstą, kurį norite centruoti. Slinkite žemyn, kol rasite pavadinimą, pastraipą ar kitą tekstą, kurį norite centruoti.
            3. Prie teksto galų pridėkite žymą „centras“. Šios centrinės žymos formatas yra
              tekstas
              , kur „tekstas“ yra tekstas, kuris turi būti sutelktas. Jei tekste jau yra vidinė žyma (pvz., Pastraipos „“), žyma „centras“ gali būti už bet kokių anksčiau egzistuojančių žymų:
              • Peržiūrėkite HTML dokumentą. Dabar dokumentas turėtų atrodyti taip:
                  skelbimas