은 요소 사이의 여백과 같습니다.

Question

다른 div 안에 4 개의 div가 있습니다.

나는 div 내부 첫번째 왼쪽 루트 div의 가장자리 사이 같은 공간이 있도록 div 내부 및 div 내 마지막 루트의 오른쪽 가장자리 사이에 둘 사이에, 그들 사이에 여백을 동일 가지고 divs 내부합니다.

지금은 볼 수이

http://jsfiddle.net/rXYqR/

CSS의 특수 속성이 작업을 수행 할 수있는 방법이 있습니까? 아니면 수동으로 여백을 할당해야합니까?

감사합니다.

Answer 1

#root{ 
    background: red; 
    width: 400px; 
    font-size:0; 
} 

#root > div{ 
    display: inline-block; 
    width: 50px; 
    height: 50px; 
    background: blue; 
    margin-left: calc((100% - 200px)/5); /* Pre-calced 40px */ 
} 

jsfiddle : http://jsfiddle.net/rXYqR/2/