calc함수를 사용하면 css상에서 연산이 가능하다.
javascript단에서 연산해서 적용하는 수고를 덜어준다.
사용법은 간단하다.
width: calc(100%/3);
이런식으로 나누기 연산이 가능하며
width: calc(100%/3 - 20px);
이렇게 하면 3을 나눈후 20px를 빼준다.
'hybrid app > css3' 카테고리의 다른 글
[css3] div 안에서 줄바꿈 (0) | 2015.07.23 |
---|---|
[css3] ios overflow scroll 부드럽게 하기 (0) | 2015.05.14 |
[css3] 미디어쿼리 세로모드 가로모드 구분 (0) | 2014.02.19 |
[css3] CSS3를 마스터하는 것을 도와줄 튜토리얼 30선 (0) | 2014.02.03 |
[css3] css3 3d transform sample (0) | 2013.12.23 |