inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Thiết kế giao diện người dùng XD + Mã hóa bản sao Danh mục web đáp ứng tương tác!

final prototype / tạo layout CSS

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

277

vok2ds3585

1 câu hỏi đã được viết

3

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

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

Câu trả lời 1

2

lizb

네 그 이유는 전체 박스에서 -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

646

2

오류났을때 참고

3

686

3

scrollTo 완성본

0

603

2

PointerLockControls 물체 통과 문의드립니다

0

461

1

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

1

623

1

질문드립니다.

0

936

2

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

0

1022

2

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

0

624

1

수업 파일 부탁드립니다~

0

326

1

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

0

386

1

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

0

388

1

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

0

332

1

-webkit-transition

1

345

1

완성본 파일

0

293

1

강의 1분 30초

2

208

1

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

1

209

1

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

1

371

2

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

1

240

1

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

1

289

1

룰러가 무엇인가요??

1

424

1

폰트 등록어떻게해요 ?

1

267

1

젤 처음 사각형

1

262

1

그룹 안에 있는 객체 선택

1

261

1

이미지 가지고 오기

1

270

4