Bir altbilgiyi bir web sayfasinda ortalamak nasil

Question

Web sayfasi altbilgisini ortalamak ve yukaridaki içerigin arasinda makul bir gab oluşturmak istiyorum. Şu anda altbilgi, yukarıdaki içeriğe eklenen bir çizgiye ve paragrafa sahiptir. İçeriği aşağı itebilirim ama hat hareket etmiyor. CSS stil sayfamda eksik olduğum özelliklerden eminim. Birisi yardım edebilir mi?

Bu benim html mark up:

Ben bu sorunu çözmek için kullanabileceğiniz css özelliği

<div id="footer"> 
    <p>Copyright (c) 2010 mysite.com All rights reserved</p> 
</div> 

? Bir örnek takdir edilecektir. Teşekkürler.

Answer 1

Bir divı yatay olarak ortalayın? Kenar boşluğu ayarlanarak genellikle yapılır: 0 auto veya margin-left: auto, margin-right: auto.

Ve bunun üzerinde bir boşluk istiyorsanız, bir üst kenar boşluğu verin.

Answer 2

#footer{ 
text-align:center 
} 

Answer 3

Kullanım marjı: CSS ve margin-top veya padding-üst blokları merkezi oto üstündeki bir boşluk yapmak için:

#footer { 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:2em; 
} 

Ben Üst kenara 2em kullandım; Tercih ederseniz, istediğiniz gibi sabit piksel boyutuna bile geçebilirsiniz. Ayrıca, merkezleme işlemi sadece kenar boşluğu/sağa, dolgu yapmadan yapılabilir, ancak tam olarak ne yapmanız gerektiğine bağlı olarak, dolgu üstünün yanı sıra kenar boşluğu yerine da kullanabilirsiniz.

#footer { 
    margin: 2px auto 0 auto; 
} 

(sekans sol, sağ, üst alt)

:

Yukarıdaki kod kod aynı çizgide hepsini liste sağlar kestirme kenar kodu kullanılarak yoğunlaştırılabilir

yardımcı olacağını umuyorum. Eğer önceki sınır satırdan sonra

margin-top: 2em; 

eklemek üstünde daha fazla alan isterseniz

Answer 4

Aşağıdaki CSS

#footer { 
    margin: 0 auto; 
} 

ile metin merkezine alabilirsiniz. Siparişin önemli olduğunu unutmayın, yani margin-top varsa, margin kuralı üzerine yazılır. altbilgi üzerinde

---

fazla boş dikey aralık da yaklaşık W3C's CSS2 box model okunabilir margin ve padding arasında

padding-top: 2em; 

fark kullanılarak yapılabilir. Ana nokta, margin öğesininöğesinin kenarının üzerinde padding boşluğunun üzerindediv alanı içinde yer açmasıdır. Kullanılacak özellik, diğer sayfa öğelerinin özelliklerine bağlıdır.

Answer 5

Ben bu konuda onu çözdüm:

#footer { 
width: 100%; 
height: 28px; 
border-top: 1px solid #E0E0E0; 
position: absolute; 
bottom: 0px; 
left: 0px; 
text-align: center; 
} 

Answer 6

#footer{ 
    display: table; 
    text-align: center; 
    margin-left: auto; 
    margin-right: auto; 
} 

Answer 7

.copyright { 
    margin: 10px auto 0 auto; 
    width: 100%; 
    font-family: Verdana, Geneva, sans-serif; 
    font-size: 10px; 
    font-style: normal; 
    text-align: center; 
    color: #ccbd92; 
    border-top: 1px solid #ccbd92; 
}