성배 레이아웃을 사용했는데 단어 위치를 변경하는 것이 매우 어렵습니다. 왼쪽과 오른쪽 단어를 왼쪽 상단에 배치하고 싶습니다. 이를 달성하려면 어떤 방법을 사용할 수 있나요? 나는 이틀 동안 여기에 갇혀 있었고 그것을 구현하는 방법을 모릅니다. 시도해 보니 녹색 사각형이 맨 위에 있었지만 단어는 여전히 가운데에 있었습니다. 이유는 무엇입니까?
html 코드
<div class="left" >
< ;div class="row3">2</div>
" " " <div class="row3">2</div> ;
" " nav {
패딩: 5px;
}
.row {
너비: 100%;
배경색: 녹색;
테두리 반경: 8px; 디스플레이: 잔디 플렉스;
}
row 3{
flex: 1;
border-left:1px solid #fff;
}
row3 div:first-child{
border:1;
}
left, .right{
디스플레이: flex;
justify -content: center;
배경 : pink;
줄 높이: 500px;
/*text-align: center;*/
글꼴 크기: 20px;
글꼴 크기: 1.2rem;