Bağlantıyı ortalamak için iki yöntem vardır:
- Bağlantıları CSS'de ortalayın “ Metin hizalama ' Emlak
- Bağlantıları CSS'de ortalayın “ kenar boşluğu ' Emlak
Bu yazıda, bağlantıyı ortalamak için her iki yöntemi de açıklayacağız. Haydi başlayalım!
Yöntem 1: Metin hizalama Özelliğini Kullanarak Bağlantıları CSS'de Ortala
Bağlantıları HTML'de ortalamak için “ Metin hizalama ” CSS'nin özelliği. “ Metin hizalama CSS'deki ” özelliği, sol, sağ, orta gibi metnin hizalamasını ayarlamak ve hizalamayı iki yana yaslamak için kullanılır.
Sözdizimi
text-align özelliğinin sözdizimi şöyledir:
Metin hizalama : değer
Yerine ' değer ”, sol, sağ, orta ve iki yana yasla gibi metnin hizalamasını ayarlayabilirsiniz.
Şimdi, ' Metin hizalama ” verilen bağlantıları hizalamak için.
Örnek
Bir bağlantıyı bir web sayfasında ortalamak için HTML'de
etiketinin içine bir bağlantı ekleyeceğiz. Bunu yapmak için, bir köprü tanımlamak için etiketini kullanın ve gerekli sitenin adresini verin. Bundan sonra, bağlantının adını belirtin. Bizim durumumuzda, bağlantıyı Linuxhint web sitemize ekledik.HTML
< gövde >< a href = “https://linuxhint.com/” > Linux < / a >
< / gövde >
Aşağıda verilen resim, varsayılan olarak sol tarafta bulunan bağlantının eklendiğini gösterir:
Şimdi bağlantıyı ortalamak için CSS'ye gidin.
Burada kullanacağız “ a ” Eklenen bağlantıya erişmek için. Bundan sonra, metin hizalamanın değerini “ olarak ayarlayın. merkez ” ve “ olarak göster engellemek ”. Sonuç olarak, eleman yeni bir satırdan başlayarak ve tüm genişliği kaplayan bir blok eleman olarak eklenecektir.
CSS
a {Metin hizalama : merkez ;
Görüntüle : engellemek ;
}
Not: CSS text-align özelliği, etiketi ortalamak için tek başına çalışmaz. Bu nedenle, “ Görüntüle ” özelliği ve değerini ayarlayın” engellemek 'bağlantıyı ortalamak için.
Şimdi, aşağıdaki sonucu görmek için HTML'ye gidin ve yürütün. Burada, bağlantının web sayfasının ortasına hizalandığını görebilirsiniz:
Bağlantıyı merkeze hizalamak için ikinci yönteme geçelim.
Yöntem 2: “Margin” Özelliğini Kullanarak Bağlantıları CSS'de Ortala
CSS'de, “ kenar boşluğu ” özelliği bağlantıyı ortalamak için kullanılır. Bu, ' ifadesinin kestirme özelliğidir. kenar-sol ”, “ kenar-sağ ”, “ kenar boşluğu ', ve ' kenar boşluğu-alt ' özellikleri. Verilen tüm özelliklerin değerlerini tek bir satırda ayarlayabilirsiniz.
Sözdizimi
Marj özelliğinin sözdizimi şöyledir:
kenar boşluğu : Oto | tepe Sağ alt ayrıldıYukarıda sağlanan sözdiziminin açıklaması aşağıda verilmiştir:
- Oto: Öğeleri tarayıcıya göre ayarlamak için kullanılır.
- tepe: Kenar boşluğunu üstten ayarlamak için kullanılır.
- Sağ: Sağdan kenar boşluğunu ayarlamak için kullanılır.
- buton: Kenar boşluğunu alttan ayarlamak için kullanılır.
- ayrıldı: Kenar boşluğunu soldan ayarlamak için kullanılır.
Not: İki değer belirtmek, üstten ve alttan kenar boşluğunu ve sol ve sağdan kenar boşluğunu belirtir; ancak bir değer eklenirse, marj dört tarafa da uygulanacaktır.
Şimdi “ kullanarak bir bağlantıyı ortalayacağımız örneğe geçelim. kenar boşluğu ' Emlak.
Örnek
Öncelikle display özelliğinin değerini “olarak ayarlayın. engellemek ” ve genişlik olarak “ 70 piksel ”. Bundan sonra, margin özelliğini uygulayın ve değerini “olarak ayarlayın. Oto ”:
a {Görüntüle : engellemek ;
Genişlik : 70 piksel ;
kenar boşluğu : Oto ;
}
Not: “ Görüntüle ' ve ' Genişlik ” özelliğinin ayarlanması gereklidir; aksi takdirde, “ kenar boşluğu “mülkiyet çalışmayacaktır. Genişlik özelliğinin değeri, ekranın çözünürlüğüne ve metnin uzunluğuna göre ayarlanabilir.
Verilen görüntüden bağlantının başarıyla ortalandığını görebilirsiniz:
Bu kadar! Bağlantıyı ortalamanın yöntemlerini açıkladık.
Çözüm
“ Metin hizalama ' ve ' kenar boşluğu ” özelliği, “ öğesinin katkısıyla bağlantıyı ortalamak için kullanılır. Görüntüle ' ve ' Genişlik ' Emlak. text-align özelliği ile birlikte display özelliği de gereklidir, margin özelliğini kullanırken, bağlantıyı ortalamak için hem display hem de width özellikleri zorunludur. Bu kılavuz, bir bağlantıyı CSS'de ortalamak için farklı yöntemleri tartışmıştır.