Hur man centrerar text i HTML

Författare: Laura McKinney
Skapelsedatum: 10 April 2021
Uppdatera Datum: 1 Juli 2024
Anonim
CSS Center text Horizontal and Vertical
Video: CSS Center text Horizontal and Vertical

Innehåll

Denna wikiHow lär dig hur du centrerar text på HTML-webbplatsen med hjälp av Cascading Style Sheets (CSS). Centrering av text i HTML görs med taggar

, men den här taggen anses vara föråldrad och fungerar inte längre i de flesta webbläsare.

Steg

Metod 1 av 2: Av CSS

  1. Öppna filen som innehåller CSS-format. Även om kortet
    föråldrad, men du kan fortfarande skapa nya element för att lägga till var som helst på sidan för att centrera texten inom deras gränser. Om du inte har en separat CSS-fil måste du ange stilen högst upp i HTML-filen, mellan "taggarna.’.
    • Om inget kort ännu Du måste lägga till direkt under kortet högst upp i filen är följande:

  2. Skapa textcentrumlager. Kort
    kommer att be HTML-dokumentet att hänvisa till den specifika delen av texten, så du måste klassificera den här taggen. Ange följande text i utrymmet mellan "stil" -taggen, glöm inte att trycka på ↵ Gå in två gånger efter första raden:

    • Lägg till egenskaper textjustera. Importera textjustera: centrum; in i utrymmet mellan hängslen i avsnittet diva. Den aktuella titeln kommer att se ut så här:

      • Lägg till ett kort div texten ska vara centrerad. Fortsätt genom att placera kortet
        text ovanför texten du vill centrera och stänga med taggar under texten du vill centrera. För att till exempel centrera en titel och inledningsavsnittet måste du skriva följande:
        • Användning av kort diva för att centrera andra regioner. Om du vill centrera ett annat element (till exempel innehåll mellan taggar som och

          ), stiga på
          framför texten och efter det. Eftersom du angav "div.a" som centreringskommando kommer denna text att centrera precis som den föregående:
          • Granskning av dokument. Innehållet kan variera, men i allmänhet bör ditt dokument nu se ut så här:
              annons

            Metod 2 av 2: Använd mitttaggen i HTML

            1. Öppna HTML-dokumentet. Denna metod beskriver hur man använder HTML-taggar
              (nu föråldrad också). Från och med december 2018 är detta kort fortfarande aktivt i vissa webbläsare, men på lång sikt bör du fortfarande inte använda det här kortet.
            2. Identifiera texten som du vill centrera. Bläddra ner tills du hittar titeln, stycken eller annan text du vill centrera.
            3. Lägg till taggen "center" i slutet av texten. Denna mitttagg har ett format
              text
              , där "text" är texten som ska centreras. Om texten redan har en inre tagg (till exempel "" för stycket) kan taggen "center" vara utanför alla befintliga taggar:
              • Granska HTML-dokumentet. Dokumentet ska nu se ut så här:
                  annons