본문 바로가기

hybrid app/css3

[css3] 크기 연산하기

calc함수를 사용하면 css상에서 연산이 가능하다.


javascript단에서 연산해서 적용하는 수고를 덜어준다.


사용법은 간단하다.


width: calc(100%/3);


이런식으로 나누기 연산이 가능하며


width: calc(100%/3 - 20px);


이렇게 하면 3을 나눈후 20px를 빼준다.