-
inline-grid (라이브러리)코딩/CSS 2022. 6. 3. 16:01
지금까지 수업을 들으면서 요소 사이사이의 미묘한 공백들이 신경쓰였는데 그걸 없앨수 있는 방법을 드디어 배웠다.
심지어 당장 이해하기 어려우면 우선, 코드를 복붙해서 써먹으란다. 이제야 속이 다 후련하군.inline-grid 라이브러리란?
inline-block을 이용해서 만든 그리드 라이브러리.
요소를 공백없이 가로로 배치하기 위해 사용한다.
.class로 활용.inline-grid { font-size: 0; } .inline-grid > * { display: inline-block; vertical-align: top; font-size: 1rem; }
'코딩 > CSS' 카테고리의 다른 글
[패스트캠퍼스] 프론트엔드 강의 1주 차 후기 (0) 2023.03.14 float-grid 라이브러리 (feat. inline-grid) (0) 2022.06.21 calc (CSS 속성값) (0) 2022.06.03 CSS 선택자 모음1 ( 내 위주) (0) 2022.06.01 Normalize.css (노멀라이즈 모음) (0) 2022.05.30