강의

멘토링

커뮤니티

Cộng đồng Hỏi & Đáp của Inflearn

Hình ảnh hồ sơ của vitamingirl
vitamingirl

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

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-*

Viết

·

365

·

Đã chỉnh sửa

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님의 프로필 이미지
codingworks
Người chia sẻ kiến thức

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

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

.frame4 {
column-gap: 0;
}

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


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

image

Hình ảnh hồ sơ của vitamingirl
vitamingirl

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

Đặt câu hỏi