Inflearn コミュニティ Q&A
投稿した質問数
display:flex를 이용해서 list를 정렬할때....
作成
·
268
3
앞에서도 여러번 나왔었는데도 잘 이해가 가질 않습니다.
.sec5_list {display:flex;margin:0 -30px}
을 주셨는데 maring:0 -30px;을 주는 이유에 대해 잘 모르겠습니다.
조금 더 자세히 설명해주시면 감사하겠습니다.
반응형-웹인터랙티브-웹XD
回答 1
2
lizb
インストラクター
네 그 이유는 전체 박스에서 -30만큼을 빼주고 안에 있는 자식 오소에서는 margin-left를 30을 주게되면
전체적으로 보면 가운데 정렬이 되는거예요.
다른 방법으로 보자면 ul은
- display: flex;
- flex-wrap: wrap;
- justify-content: center
이렇게 하구요.
li한테
.sec03_list li
- margin-left: 33px;