Kā pamatot tekstu tīmekļa lapā HTML vai CSS

Jebkuru tekstu var noregulēt pa kreisi, centru vai pa labi tīmekļa lapā. Attēlus var arī pielāgot tīmekļa lapai tādā pašā veidā kā tekstu. Tālāk ir sniegti piemēri, kā pa kreisi, cilne, centrs un labais līdzinājums tekstu un attēlus.

Padoms. Ja kāds no jūsu teksta izlīdzinājumiem nedarbojas, pārliecinieties, vai citas CSS klases vai stili, kas tiek pielietoti vienai un tai pašai sastāvdaļai vai saturošam elementam, nav pretrunā ar pamatojumu, kuru mēģināt veikt.

Piezīme: Ar šiem piemēriem un vislielāko saskaņošanu teksts tiek saskaņots elementā, kas satur tekstu. Teksts var būt centrēts HTML diskā un kreisajā pusē izvietots pārējā tīmekļa lapā. Arī tas, kas atrodas tagā, kas satur CSS pamatojumu (piemēram, attēlu), ir arī saskaņots.

Izlīdzināšanas piemēri

Pa kreisi izlīdzināts

Cilne ir saskaņota

Centrēts līdz

Pa labi novietots

Pa kreisi vērsts piemērs

Pēc noklusējuma angļu un citas valodas pielāgo tekstu pa kreisi. Tomēr, ja elements, kas satur tekstu vai attēlu, ir labajā pusē vai ir nepieciešams mainīt teksta vai attēla izlīdzināšanu, zemāk esošo kodu var pievienot jūsu elementam vai CSS.

HTML kods

Pa kreisi izlīdzināts

Padoms. Skatiet tālāk sniegtos papildu padomus, lai pielāgotu elementa izlīdzināšanu, polsterējumu un margu.

Tabulē saskaņots piemērs

Lai gan nav "cilnes" teksta saskaņošanas, elementam var pievienot kreisās malas, lai parādītu cilnes izlīdzināšanu, kā parādīts zemāk.

HTML kods

Cilne ir saskaņota

Padoms. Skatiet tālāk sniegtos papildu padomus, lai pielāgotu elementa izlīdzināšanu, polsterējumu un margu.

Centrēts piemērs

Izmantojot atribūtu text-align, jūs varat centrēt jebkuru tekstu vai attēlu elementā, kā parādīts tālāk redzamajā piemērā.

HTML kods

Centrēts līdz

Padoms. Skatiet tālāk sniegtos papildu padomus, lai pielāgotu elementa izlīdzināšanu, polsterējumu un margu.

Labās puses piemērs

Izmantojot atribūtu text-align, jūs varat centrēt jebkuru tekstu vai attēlu elementā, kā parādīts tālāk redzamajā piemērā.

HTML kods

Pa labi novietots

Padoms. Varat arī izmantot CSS, lai labotu attēla izlīdzināšanu tīmekļa lapā.

Padoms. Skatiet tālāk sniegtos papildu padomus, lai pielāgotu elementa izlīdzināšanu, polsterējumu un margu.

Papildu izlīdzināšanas padomi

Tālāk ir norādīti papildu saskaņošanas padomi, kurus var piemērot jebkuram no iepriekš minētajiem stila noteikumiem vai citām CSS klasēm.

  1. Papildu rezervi var pievienot jebkuram no iepriekš minētajiem stiliem, ja jums nepieciešama papildu ievilkšana vai vēlaties vairāk polsterējuma. Piemēram, labajā virzienā piemērotu piemēru variet pielietot, lai pārvietotu tekstu tālāk elementā.
  2. Ja vēlaties, lai lapa būtu atsaucīgāka, pārliecinieties, vai pielāgojat vai noņemat jebkādu kreiso vai labo pamatojumu, ja skatāties uz mazāku ekrānu.