iframe을 HTML5에서 나란히 사용하면서 공백을 제거하는 방법

Question

두 프레임을 나란히 배치하여 공백을 제거하는 방법은 무엇입니까? 나는 또한이 answer 보았다

html, 
 
body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
iframe { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    height: 100%; 
 
}

<iframe name="l" src="l.htm" style="width:10%;" scrolling="no"></iframe> 
 
<iframe name="c" src="c.htm" style="width:75%;" scrolling="no"></iframe> 
 
<iframe name="r" src="r.htm" style="width:15%;" scrolling="no"></iframe>

하지만 display: block로 표시 속성을 사용하여 어떠한 공백도 없을 것이라고 말하고있다 :

나는 시도했다. 하지만 그 속성을 사용하면 프레임은이 아닌 서로 아래에 이됩니다. 그리고 내 프레임을 10 %, 75 %, 15 %으로 나란히 배치하고 싶습니다.

Answer 1

HTML 소스 코드의 공백이 중요합니다.

이 두 단락을 비교 :

<p> 
 
a 
 
b 
 
c 
 
</p> 
 
<p>abc</p>

이 렌더링 된 디스플레이에서 제거하기 위해 소스 코드에서 인라인 항목 사이의 공백을 제거합니다.

html, 
 
body { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    width: 100%; 
 
    height: 100%; 
 
} 
 

 
iframe { 
 
    margin: 0px; 
 
    padding: 0px; 
 
    border: 0px; 
 
    height: 100%; 
 
}

<iframe name="l" src="l.htm" style="width:10%;" scrolling="no"></iframe><iframe name="c" src="c.htm" style="width:75%;" scrolling="no"></iframe><iframe name="r" src="r.htm" style="width:15%;" scrolling="no"></iframe>