2009-09-09 16 views
5


üst ve satır içi eleman Baş birinci html

Alıntı altını padding:

Sen üst ve satır içi elemanın altına dolgu ekleyebilir ancak dolgu etkilemez çevresindeki diğer satır içi elemanlarının aralığı, dolgu diğer satır içi elemanlarını

üst üste böylece

a) Bildiğim kadarıyla üst ve satır içi elemanın altına dolgu ekleyerek, yukarıda alıntı anladığım kadarıyla yok değil (hiç) herhangi bir etki yapmak çevreleyen elemanlar üzerinde ve dolayısıyla sayfanın görünümünde ?!

b) Ancak "doldurma diğer tam satır öğeleri ile örtüşecek" ifadesinin tam anlamı nedir? Bazı durumlarda, doldurma işleminin (satır içi elemanın üstü ve altı) sayfanın görünümü üzerinde etkili olabileceğini düşündürüyor mu ?!


teşekkürler

cevap

6

doğru anlamak ve bir example dan sadece yaptıysanız:

beni üst ve alt dolgu ile bir yayılma ekleyerek böylece) Metin bir satır içi elementtir Gördüğünüz gibi ben yayılma bir renk ekledik beri)

b aşağı diğer çizgiler iterek değil, renk diğer satırları üst üste gelecektir. yerine D

+1

Garip, bu eleman üzerinde on line metinleri gizler iken, eleman altındaki satırda metin gizlemez satır içi elemanın arka plan rengi (sarı). Niye ya? – SourceC

+1

@SourceC: Bu kadar ben muhtemelen tarayıcıdan tarayıcıya değiştiğine dikkat tahmin ediyorum :(cevap veremez ama olmadığı henüz doğrulanmamıştır Bu baştan sona metni boyalar – theIV

+1

ilk satırı boyalar Yani.. ardından '*' son gösterilmeden önce? nedir çünkü dolgu, özel satır içi elemanın sonra siyah metin, ardından aşağıdaki satırları ilk satırı üzerine yazar satır içi öğesi için sarı arkaplan. – fret

1

dolgu elemanı kendisi etkileyecektir. Örneğin, öğedeki herhangi bir metin diğer DOM öğelerinden daha fazla doldurulur.

+0

DOM öğeler nelerdir? – SourceC

+1

Belge Nesne Modeli Öğeleri. Temel olarak herhangi bir HTML etiketi. –

+0

satır içi elemanlar sadece öğelerden sol ve sağ tarafa kaydırılabilir, ancak üstte veya altında bulunan öğelerden değil? – SourceC

2

bu deneyin:

<style type="text/css"> 
    div { background: blue; height: 4em; padding: 1em } 
    span { background: red; padding: .5em; } 
</style> 

<div> 
    <span>one</span> 
    <br/> 
    <span>two</span> 
</div> 
13

Kullanım inline-block:

Bu hem doğru değildir, ve sorunuza yanıt umuyoruz. Dolgu eklemek istediğiniz tüm öğelere bu özellikleri ekleyin. Örneğin:

a:link { 
display: inline-block; 
display: -moz-inline-box; 
-moz-box-orient: vertical; 
vertical-align: top; 
zoom: 1; 
*display: inline; 
} 
+0

bir Her neyse çok iyi çalışıyor. – radbyx