여러 divs를 정렬

-2

나는 집합 possision에서 여러 div를 정렬 할 수있는 방법을 알고 싶습니다 왼쪽에 container1처럼 woild처럼, 센터에있을 컨테이너, 오른쪽에있는 모든 컨테이너에 컨테이너 3 다른. 그리고 마지막으로 container2가 중앙 하단의 컨테이너 아래에있게하고 싶습니다. 당신이 이해하지 않는 경우 "float: left"로 .container & .container3, .container1에 대한여러 divs를 정렬

<div class="container1" style="border-width:1px; float: left; border-style:solid; width:350px; height:500px; z-index:1; visibility:; background-color: lightgrey;visibility:;"> 
 

 

 
    container1 
 

 
</div> 
 

 
<center> 
 
    <div class="container" style="background-color:lightgrey; border-width:1px; border-style:solid; width:500px; height:500px; z-index:1; visibility:; float: center; visibility:; background-color: lightgrey;visibility:;"> 
 

 
    container 
 
    </div> 
 
</center> 
 

 
<div class="container3" style="border-width:1px; float: right; border-style:solid; width:350px; height:500px; z-index:1; visibility:; background-color: lightgrey;visibility:;"> 
 

 
    container3 
 
</div> 
 
<div class="container2" style="border-width:1px; float: bott; border-style:solid; width:500px; height:100px; z-index:1; visibility:; background-color: lightgrey;visibility:;"> 
 

 
    container 2 
 
</div>

출처

2016-06-18 user6483684

안녕하세요. 오신 것을 환영합니다. 도움말 페이지, 특히 [여기에 관해서 내가 무엇에 관해 물을 수있는 주제는 무엇입니까?] (http://stackoverflow.com/help/on-topic) 섹션과 [ "어떤 유형의 질문을해야합니까? 묻지 마시오? "] (http://stackoverflow.com/help/dont-ask). 더 중요한 것은 [Stack Overflow question checklist] (http://meta.stackexchange.com/q/156810/204922)를 읽어보십시오. [Minimal, Complete, Verifiable Examples] (http://stackoverflow.com/help/mcve)에 대해 배우고 싶을 수도 있습니다. –

또한 '

'요소는 더 이상 사용되지 않으며 거의 사용되지 않으며 ('text-align : center'와 함께 블록 요소 사용), CSS 선언은 일반적으로 인라인 스타일보다 선호됩니다. 디버깅이 쉽고 더 강력한. –

쓰기 CSS를 문의하시기 바랍니다 도와주세요. .container2에는 부동 소수점 형식이 없어야합니다.

출처

2016-06-18 18:55:07 Jaber

여러 divs를 정렬

답변

관련 문제