Šajā rokasgrāmatā tiks parādīta procedūra, kā izveidot atstarpi starp divām saitēm.
Sāksim!
Kā piešķirt vietu starp divām saitēm HTML un CSS?
Lai atstātu vietu starp divām saitēm, vispirms pievienojiet vajadzīgās saites HTML failā.
1. darbība. Pievienojiet saites HTML
HTML formātā mēs izveidosim konteineru, izmantojot tagu
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Kā izveidot HTML failu? < / a >
< a href = “https://linuxhint.com/edit-html-file/” > Kā rediģēt HTML failu? < / a >
< / div >
Nākamajā attēlā redzams, ka saites ir veiksmīgi pievienotas:
2. darbība: izveidojiet Div & Link stilu
Šajā darbībā izveidojiet div un saites stilu, izmantojot “ div ” CSS. Mēs pielāgosim polsterējumu uz ' 40 pikseļi ' un iestatiet saišu fonta lielumu kā ' lielāks ”, dimensijas augstums ir iestatīts kā “ 150 pikseļi ' un izmantojiet fona rekvizītu un iestatiet div krāsu kā ' melns ”. Pēc tam noregulējiet apmales platumu kā ' 5 pikseļi ”, stils kā “ pārtraukts ” un krāsa kā „ rgb(251, 255, 0) ”.
CSS
div {polsterējums : 40 pikseļi ;
fonta izmērs : lielāks ;
augstums : 150 pikseļi ;
fons : melns ;
robeža : 5 pikseļi pārtraukts rgb ( 251 , 255 , 0 ) ;
}
Izmantojot iepriekš minēto kodu, tiek iegūta šāda izvade. Kā redzat, gan div, gan saites ir veidotas šādi:
3. darbība: horizontāli piešķiriet vietu starp divām saitēm
Mēs varam piešķirt atstarpi starp divām saitēm horizontāli, izmantojot HTML un CSS. Šeit mēs pa vienam izskaidrosim abas metodes.
1. metode: HTML izmantošana
Lai piešķirtu vietu starp saitēm, nerakstot nekādu ārēju CSS, varat izmantot “ ” HTML, kurā vēlaties izveidot vietu. ' ” apzīmē neplīstošu telpu. HTML failā viena pievienošana nozīmē vienu atstarpi. Ja vēlaties piešķirt vairāk vietas, nav vēlams manuāli pievienot atbilstoši nepieciešamajam atstarpju skaitam.
Pāriesim pie piemēra, lai saprastu norādīto jēdzienu!
Piemērs
Šeit mēs rakstīsim četras reizes ' ”, lai aiz pirmās saites izveidotu atstarpi tā, lai otrā saite parādītos pēc četrām atstarpēm.
HTML
< div >< a href = “https://linuxhint.com/create-html-file/” > Kā izveidot HTML failu? < / a >
Kā rediģēt HTML failu?
Kā redzat, pirmās saites labajā pusē tiek izveidota vieta:
2. metode: CSS izmantošana
CSS mēs izmantosim ' mala-labais ” īpašums, lai starp divām saitēm būtu vieta. ' mala-labais Īpašums tiek izmantots, lai pievienotu vietu no elementa labās puses. Varat arī norādīt tam negatīvās vērtības.
Sintakse
Piemales tiesību rekvizīta sintakse ir norādīta zemāk:
mala-labais : vērtībuVietā ' vērtību ”, iestatiet piemali no elementa labās puses. Turpināsim piemēru.
Piemērs
Šeit mēs izmantosim ' a ”, lai piekļūtu saitei, ko esam izveidojuši HTML. Pēc tam iestatiet maržas tiesību īpašuma vērtību kā “ 50 pikseļi ”:
a {mala-labais : 50 pikseļi ;
}
Atstarpe tiek izveidota no pirmās saites labās puses, ko var redzēt zemāk:
4. darbība: vertikāli atstājiet vietu starp divām saitēm
Lai starp divām saitēm piešķirtu vertikālu atstarpi, vispirms izlīdziniet saites vertikālā formā. Tas tiks darīts, izmantojot ' bloķēt '' vērtība displejs ' rekvizītu un pēc tam izmantojot ' līnijas augstums ” rekvizītu, lai starp divām saites līnijām piešķirtu vietu.
Piemērs:
Šeit mēs iestatīsim displeja rekvizīta vērtību kā ' bloķēt ”, lai vertikāli izlīdzinātu saites. Pēc tam piešķiriet atstarpi starp divām saitēm, iestatot line-height rekvizīta vērtību kā ' 80 pikseļi ”:
a {displejs : bloķēt ;
līnijas augstums : 80 pikseļi ;
}
Kā redzat, telpa tiek izveidota, izmantojot line-height rekvizītu:
Tieši tā! Mēs esam izskaidrojuši metodi, kā starp divām saitēm atstāt vietu HTML un CSS.
Secinājums
' ”, “ mala-labais ', un ' līnijas augstums CSS rekvizīti tiek izmantoti, lai starp divām saitēm piešķirtu horizontālu un vertikālu atstarpi. Izmantojot to, varat pielāgot atstarpi saišu labajā un kreisajā pusē. Šajā rakstā mēs esam izskaidrojuši procedūru, kā nodrošināt atstarpi starp divām saitēm, izmantojot divas dažādas metodes, un sniedzuši saistītus piemērus.