inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Khung CSS Front-end tốt nhất, UIkit

Thành phần UIkit (cách sử dụng) - Bố cục web đáp ứng (Cách sử dụng cơ bản về chiều rộng)

부모요소에 uk-child-width-*

381

vitamingirl

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

1

사이간격 gap 없앨려고

.frame4 {column-gap: 0;

} 안먹힙니다.

부모요소에 줄때는uk-child-width줄때는

column-gap이 컬럼이 아니라서 안먹히는건가요?

.frame4.uk-grid>* {
  padding-left: 0px;
}

이렇게 주면 먹히는데 이런방법말고

css다른 처리방법이 있는지 궁급합니다.

 

<div  class="frame4 uk-child-width-expand" uk-grid>
  <div>
    <div class="cell">cell 1</div>
  </div>
  <div>
    <div class="cell">cell 2</div>
  </div>
  <div>
    <div class="cell">cell 3</div>
  </div>
  <div>
    <div class="cell">cell 4</div>
  </div>
  <div>
    <div class="cell">cell 5</div>
  </div>
  <div>
    <div class="cell">cell 6</div>
  </div>

</div>

}

 

html/css 포트폴리오 HTML/CSS 포트폴리오

Câu trả lời 1

0

codingworks

UIkit의 그리드 방식은 플렉스를 기본으로 하고 있습니다.

image이렇게 만드시려면 생각보다 쉽습니다.

.frame4 {
column-gap: 0;
}

위에 적으신건 Grid에서 사용하는 속성입니다. 그래서 안되는 것 같습니다.


Flex의 간격을 주는 속성은 gap 입니다.

image

회사마다의 JD 자격 요건에 대해서는 어떻게 접근해야 좋나요?

0

15

1

part3. spy 쪽 / part3,part4 강의자료

0

27

2

최종 코드

0

34

2

Open AI 결제

0

35

2

figma 파일을 받을 수가 없어요

0

46

1

다운로드 연결이 되지 않을 때는 어떻게 해야할까요?

0

34

1

Visual Studio Code 대신 Pycharm 써도 되나요?

0

41

2

커서, 클로드, 피그마는 모두 유료버전을 사용해야하나요?

0

47

1

구글 서치콘솔 도메인 소유권 확인 실패

0

33

2

antigravity로 하던 작업 이제 visual code로 하면 되는 거죠?

0

55

1

다음 강의 얼른 올려주세요

0

42

2

일반 강의와 차이점?

1

41

1

카카오 친구 확인 방법

0

25

0

수강완료 후 문의 드립니다.

1

45

2

중요하진 않지만 설명하신부분에서 안된부분..

0

30

0

안녕하세요, 강좌 5의 피그마 파일은 어디서 볼 수 있나요?

0

65

2

모달과 light box차이점

1

496

1

modal 유튜브 동영상 안들어가요

1

662

1

UIkit 라이트박스 반응형 질문드려요

1

405

1

강의 자료는 어디서 받나요?

1

413

1

아이콘 유니코드 넣는거 유뷰트에 강사님 강의가 있는 건가요 ??

2

219

1

안녕하세요

1

210

1

Slider의 Content parallax 처음부터 애니메이션 작동되게 하는 법이 궁금해요

1

254

1

UIKIT snippets 설정

1

325

1