불특정 너비와 함께 두 개의 부동 div가 포함 된 div를 센터링 할 수 있습니까?

div 또는 다른 요소 내부에 두 개의 요소를 나란히 놓으려고하므로 두 요소가 항상 가운데에 배치됩니다. 그 페이지.불특정 너비와 함께 두 개의 부동 div가 포함 된 div를 센터링 할 수 있습니까?

여기 잡기가 있습니다. 고정 폭을 사용할 수 없으며 동적으로 자바 스크립트에서 생성됩니다. 고정 된 너비 없이는 불가능한 다른 게시물을 읽는 것에서 보일지 모르겠지만 같은 결과를 얻으려는 다른 아이디어가 있는지 알고 싶었습니다.

HTML :

<body> 
    <div class="centerdiv"> 
     <div class = float1></div> 
     <div class = float2></div> 
    </div> 
</body>

CSS :

body {text-align: center; width: 100%;} 
.centerdiv {margin: 0 auto;width: 100%} 
div.float1 {float:left; display:inline;} 
div.float2 {float:left; display:inline;}

출처

2011-04-12 impresently

당신은 옆에 사업부 측 중앙에 follwing을 코드를 사용할 수 있습니다.

<html> 
<head> 
    <style type="text/css"> 
    body {text-align: center; width: 100%;} 
    .centerdiv {margin: 0 auto;width: 100%;margin-left:40%;} 

    .float1{border:1px solid black;width:10%;float:left;} 
    </style> 
    </head> 

<body> 
    <div class="centerdiv"> 
     <div class = float1>Hello</div> 
     <div class = float1>Hai</div> 
    </div> 
</body> 
</html>

희망이 도움이 !!!!!!

출처

2011-04-12 04:44:51 Anish

플로트는이 창의 오른쪽 세 번째 부분에서 중첩되지만 흥미로운 접근 방법입니다. – impresently

불특정 너비와 함께 두 개의 부동 div가 포함 된 div를 센터링 할 수 있습니까?

답변

관련 문제