본문 바로가기
Front-end/HTML

가변형 그리스 시스템 계산하는 법

by mooyou 2022. 6. 3.
728x90
300x250
SMALL

100%에서 2%씩의 공간을 다 빼 줄 경우 76%가 나오 이걸 12로 나눈 값을 1개일 때 2개일 때 이렇게 곱해줄 때 2%의 공백을 넣어준다.

.grid_1 {width: 6.3%;}
.grid_2 {width: 14.6%;} /* 6.3*2 + 0.2 */
.grid_3 {width: 22.9%;}
.grid_4 {width: 31.2%;}
.grid_5 {width: 39.5%;}
.grid_6 {width: 56.1%;}
.grid_7 {width: 47.8;}
.grid_8 {width: 64.4%;}
.grid_9 {width: 72.7%;}
.grid_10 {width: 81%;}
.grid_11 {width: 89.3%;}
.grid_12 {width: 100%;}

 

728x90
반응형
LIST

댓글