나는 단순히 배경 이미지가있는 div를 만들려고 하고이 div의 중간에 두 개의 다른 div가 있는데 첫 번째 div 내부에 수직 및 수평 중앙에 배치하는 것이 좋지만 각각의 상단에 있기를 원합니다. 다른. 나는 이것을 작동시키기 위해 가능한 모든 방법을 시도했지만 서로 직접적으로는 결코 아닙니다.
<div style="height:400px;background-color:red;margin-top:auto;margin-bottom:auto">
<div class="d-flex justify-content-center h-100">
<div style="width:200px"> div 1</div>
<div style="width:200px"> div 2</div>
</div>
</div>
컨테이너에 "flex-column"및 "align-items-center"클래스를 추가하고; 중앙 div에 "margin : 0 auto"를 추가합니다.
<div class="d-flex flex-column justify-content-center align-items-center h-100">
<div style="width:200px; margin:0 auto; background: pink"> div 1</div>
<div style="width:200px; margin:0 auto; background: lightblue"> div 2</div>
</div>
이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.
침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제
몇 마디 만하겠습니다