Ieteicamā metode ar CSS un HTML
Teksta vai rindkopas ievilkšanai visbiežāk izmantotā un ieteicamā metode būtu izmantot CSS. Zemāk ir dažādi piemēri, kā CSS var izmantot teksta ievilkšanai. Katrs no šiem piemēriem tiks ievietots starp HTML tagiem.
Nākamais piemērs radītu stila klasi ar nosaukumu "cilne", kas ievilktu tekstu un rindā 40 pikseļus no kreisās puses.
Kad iepriekš minētais kods ir sadaļā, to var izmantot jebkurā brīdī, pievienojot to savam punktam (
) tagi, kā parādīts attēlā.
Cilnes piemērs
CSS iekļaušana HTML dokumentā, kā parādīts iepriekš, tiek saukta par "in-line" CSS. Tas ir noderīgi, lai ātri veiktu izmaiņas, bet ilgtermiņā to ir grūti mainīt vēlāk.
Tā vietā jūs varat veikt visu CSS kodu un ievietot to atsevišķā failā ar paplašinājumu .css. Pēc tam jūs varat saiti uz šo vienu failu no jebkura HTML dokumenta, un šis dokuments var izmantot šīs CSS īpašības. Izmantojot ārējo CSS failu, ir vieglāk mainīt CSS vēlāk, jo visi CSS ir definēti vienā vietā.
Lai izveidotu saiti uz savu ārējo CSS failu, elementā HTML failā pievienojiet šādu rindiņu (pēc
Kad šis .css fails ir izveidots, rediģējiet failu un pievienojiet to pašu CSS kodu, izslēdzot un komentējot tagus tajā, kā parādīts.
.tab {margin-left: 40px; }
Visbeidzot, kad iepriekš minētās darbības ir pabeigtas, varat izmantot jebkuru tekstu, izmantojot to pašu
piemēram, mēs esam parādījuši iepriekš.
Ir arī citas ievilkšanas formas. Piemēram, ja vēlaties tikai ievadīt rindkopas pirmo rindu, tā vietā, lai izmantotu iepriekšminēto CSS līniju, izmantotu šādu rindu.
.tab {text-indent: 40px}
Padoms. Varat arī ievadīt procentus. Piemēram, tā vietā, lai ievilktu par 40px (pikseļi), jūs varētu aizstāt ievilkumu ar 5%, lai ievilktu tekstu, par 5% no pašreizējā skata. Varat arī izmantot em telpu, definējot ievilkuma platumu.
Bonuss Padoms. Varat arī mainīt no kreisās ievilkuma uz labo ievilkumu, mainot starpību pa kreisi uz labo pusi.
Ieteicamā metode, izmantojot HTML
Šos pašus rezultātus var sasniegt, izmantojot HTML iekšējo stilu. Izmantojot iepriekšminēto CSS piemēru, var vieglāk uzturēt vairākās tīmekļa lapās, ja jums ir nepieciešams izmantot stilu tikai pēc tam, kad varat izmantot šādu piemēru.
Šis teksts ir iekļauts.
Šajā pirmajā piemērā viss rindkopas taga teksts ir noapaļots 40 pikseļi no kreisās puses. Visi citi rindkopu tagi nav iekļauti.
Šis teksts ir iekļauts.
Šajā otrajā piemērā tikai pirmajā rindkopā rindkopā būs iekļauti 40 pikseļi no kreisās puses. Jebkuras papildu rindas šajā punktā netiks iekļautas.
Padoms. Varat arī ievadīt procentus. Piemēram, tā vietā, lai ievilktu par 40px (pikseļi), jūs varētu aizstāt ievilkumu ar 5%, lai ievilktu tekstu, par 5% no pašreizējā skata. Varat arī izmantot em telpu, definējot ievilkuma platumu.
Bonuss Padoms. Varat arī mainīt no kreisās ievilkuma uz labo ievilkumu, mainot starpību pa kreisi uz labo pusi.
Alternatīva metode
Vēl viena izplatīta (bet nepareiza) teksta ievilkšanas metode izmanto tagus, kā parādīts nākamajā piemērā. Lai gan tas ir daudz vieglāks risinājums, ir pieejami pieejamības jautājumi, kas var rasties, izmantojot šo risinājumu, lai ievadītu tekstu. Šī atzīme ir paredzēta teksta citēšanai, nevis izgriešanai.
Šis teksts būtu iekļauts