2016-12-19 13 views
0

2 개의 iframe을 나란히 놓고 두 페이지를 페이지 중앙에 놓으려고합니다. 그들 주위의 DIV는 모든 텍스트 등을 중심에두고 있지만 iframe은 align 태그를 기반으로 왼쪽이나 오른쪽에 있지만 가운데에 있지 않습니다.중앙에 2 개의 iframe을 나란히 놓는 방법?

HTML :

<div class="box"> 
    <iframe src="iframe content" width="64" height="65" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" align="left"> 
    </iframe> 
</div> 
<div class="box"> 
    <iframe allowtransparency="true" frameborder="0" scrolling="no" src="iframe content" style="height:20px;" align="right"> 
    </iframe> 
</div> 

CSS :

.box iframe{ 
    display:inline-block; 
} 

.clear{ 
    clear:both; 
} 

답변

1

당신은 부동 소수점을 사용할 수 있습니다 iframe 대응

.box{ text-align:center;} 

추가 할 수 있습니다뿐만 아니라 떠났다. 또는 심지어 디스플레이 : 인라인 블록 잘됩니다.

+0

텍스트 정렬 : center는 차이를 만들지 않고 표시합니다. 인라인 블록은 두 iframe을 가운데에 배치하지만 두 번째 줄을 다음 줄로 이동합니다 ... – djd

+0

텍스트 정렬 중심 속성없이 가운데에 있으면 안됩니다. –

+0

try float : display : 인라인 블록이 작동하지 않으면 왼쪽으로 이동합니다. –