상단과 인라인 요소 헤드 처음 HTML에서

Question

견적의 하단에 패딩 :

당신은 상단과 인라인 요소의 하단에 패딩을 추가 할 수 있지만 패딩이 영향을 미치지 않습니다를 다른 인라인 요소의 간격은 다른 인라인 요소와 겹치기 때문입니다.

a) 위의 인용문을 이해하는 한, 인라인 요소의 위쪽과 아래쪽에 패딩을 추가하면 어떤 영향을 미침 주변 요소와 따라서 페이지의 모양에?!

b) 그러나 "패딩은 다른 인라인 요소"과 정확히 겹치는 의미일까요? 특정 상황에서 패딩 (인라인 요소의 상단과 하단)이 페이지의 모양에 영향을 미칠 것이라고 제안합니까?

고맙습니다

Answer 1

내가 제대로 이해하고 example에서 그냥 한 경우 :

나 상단과 하단 패딩과 범위를 추가하도록) 텍스트는 인라인 요소이며, 다른 줄을 아래로 밀어 내지 않습니다.

b) 위에서 보았 듯이 범위에 색상을 추가 했으므로 색상이 다른 줄과 겹칩니다. 대신 D

Answer 2

패딩은 요소 자체에 영향을 미칠 것입니다. 예를 들어, 요소 내의 모든 텍스트는 다른 DOM 요소에서 더 많이 채워질 것입니다.

Answer 3

이 시도 :

<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> 

Answer 4

사용 인라인 블록 :

나는이 모두를 잘하고, 질문에 대한 답변이 되었기를 바랍니다. 패딩을 추가하려는 모든 요소에 이러한 속성을 추가하십시오. 예 :

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