-
CSS
(css-231
, 2016.12.29)
목차
flex-wrap 예제 - wrap 경우, 줄바꿈 O + 아이템 순차 나열
flex-wrap 정의
flex-wrap 구문
flex-wrap 예제 - nowrap 경우, 줄바꿈 X + 아이템 순차 나열
flex-wrap 예제 - wrap-reverse 경우, 줄바꿈 O + 아이템…
-
CSS
(css-230
, 2016.12.29)
목차
align-items 예제 - 교차축에서 아이템 정렬
align-items 정의
align-items 구문
align-items 예제 - 세로 가운데 정렬
align-items 예제 - 교차축에서 아이템 정렬
…
-
CSS
(css-229
, 2016.12.29)
목차
justify-content 예제 - 기본축에서 아이템 정렬
justify-content 정의
justify-content 구문
justify-content 예제 - 내부요소를 오른쪽에 정렬/배치
justify-content 예제 - 기본축에서 아이템…
-
CSS
(css-228
, 2016.12.29)
목차
flex-direction 예제 - 기본축 방향 결정
flex-direction 정의
flex-direction 구문
세로축+끝단+아이템(역순/순차)
flex-direction 관련 주소
flex-direction 예제 - 기본축 방향 결…
-
CSS
(css-226
, 2016.12.29)
목차
FlexBox 예제 3개 - 유연한 반응형 레이아웃
FlexBox 소개/기본용어 ★★★
FlexBox 속성 종류 ★★★
FlexBox 가로/세로 중앙정렬 ★
FlexBox 관련 주소
[참고]
※ flexbox (= flexible blo…
-
CSS
(css-225
, 2016.12.23)
목차
box-sizing 예제 - 요소 너비 계산 방식 선택
box-sizing 정의
box-sizing 구문
box-sizing 예제 - <input>요소와 <button> 요소 높이 통일
box-sizing 예제 - 요소 너비 계산…
-
CSS
(css-223
, 2016.12.23)
목차
columns 예제 - (컬럼너비/컬럼개수) 일괄 지정
columns 정의
columns 구문
columns 예제 - (컬럼너비/컬럼개수) 일괄 지정
<style>
.hz1 {
…
-
CSS
(css-222
, 2016.12.23)
목차
column-width 예제 - 컬럼 너비 설정
column-width 정의
column-width 구문
column-width 예제 - 컬럼개수 3개 설정
column-width 예제 - 컬럼 간 간격 설정
column-width 예제 - 컬럼 간 경계 짓기
…
-
CSS
(css-221
, 2016.12.23)
목차
column-span 예제 - 컬럼 병합 여부 지정
column-span 정의
column-span 구문
column-span 예제 - 컬럼 병합 여부 지정
<style>
.hz {
&n…
-
CSS
(css-220
, 2016.12.23)
목차
column-rule-width 예제 - 컬럼구분자 너비 지정
column-rule-width 정의
column-rule-width 구문
column-rule-width 예제 - 컬럼구분자 너비 지정
<style> …