inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

XD UI 디자인 + Clone Coding 인터렉티브 반응형웹 포트폴리오!

final prototype / css layout 작성하기

display:flex를 이용해서 list를 정렬할때....

283

제이

작성한 질문수 1

3

앞에서도 여러번 나왔었는데도 잘 이해가 가질 않습니다.
.sec5_list {display:flex;margin:0 -30px}
을 주셨는데 maring:0 -30px;을 주는 이유에 대해 잘 모르겠습니다.
조금 더 자세히 설명해주시면 감사하겠습니다.

반응형-웹 인터랙티브-웹 XD

답변 1

2

LIZ.B

네 그 이유는 전체 박스에서 -30만큼을 빼주고 안에 있는 자식 오소에서는 margin-left를 30을 주게되면 
전체적으로 보면 가운데 정렬이 되는거예요. 
다른 방법으로 보자면 ul은 

  1. display: flex;
  2. flex-wrap: wrap;
  3. justify-content: center

 

이렇게 하구요.
li한테

.sec03_list li + li{
  1. margin-left: 33px;

 

질문있습니다.

2

655

2

오류났을때 참고

3

702

3

scrollTo 완성본

0

614

2

PointerLockControls 물체 통과 문의드립니다

0

469

1

슬릭슬라이더가 왜 안되는지 모르겠습니다

1

635

1

질문드립니다.

0

947

2

마지막 강의 js파일로 바꿀 시 스크롤 프레임 렉? 버벅임?

0

1036

2

브라우저 사이즈에 따라 위치값이 달라지는건 왜일까요..?

0

631

1

수업 파일 부탁드립니다~

0

333

1

모바일 3D 입체 카드 제작 아이폰에서 에러

0

392

1

저번에 이어 질문드립니다.

0

394

1

스크롤 내릴때 header text 글자두께

0

337

1

-webkit-transition

1

351

1

완성본 파일

0

301

1

강의 1분 30초

2

214

1

안녕하세요 header 선택자 관련하여 궁금한게 있습니다!

1

212

1

푸터 css 설정부분에 궁금한 부분이 있습니다.

1

382

2

클래스 선택자 문법중에 궁금한 부분이 있습니다.

1

244

1

뷰티파이 설치하고 컨트롤 알트 L 눌러도 안 바뀝니다 ㅠㅠ

1

298

1

룰러가 무엇인가요??

1

429

1

폰트 등록어떻게해요 ?

1

275

1

젤 처음 사각형

1

263

1

그룹 안에 있는 객체 선택

1

265

1

이미지 가지고 오기

1

280

4