동일한 크기의 div의 같은 공간 CSS

Question

나는 고정 폭 세 된 div를 1920px 화면

남은 공간은 1920 - (400 * 3) = 720입니다. 따라서이 공간을 4로 나누고 균등하게 분배해야합니다. 따라서 첫 번째 div는 왼쪽 180px, 첫 번째 div와 두 번째 사이의 간격은 180px, 두 번째와 세 번째 div의 간격은 180px, 세 번째 div와 화면의 끝 사이의 간격은 180px가 되십시오.

div 크기와 화면 사이의 간격은 화면 크기에 따라 달라집니다.

CSS로 할 수 있습니까?

샘플 :

Answer 1

디스플레이 : 플렉스는이 :)을 위해 만들어졌다. 용기의 사용에 : 자식

display:flex; 
justify-content:space-around; 

는 단지 폭 % 또는 고정 값을 설정.

텍스트 정렬을 사용하면 다음과 같은 문제가 발생할 수 있습니다. justify and display : inline-block; 당신이

테스트해야하는 경우와 pseudos : 여기를 http://codepen.io/gc-nomade/pen/qcFBt/padding inside

텍스트 정렬 버전 : 하나의 문제를 유발하는 '솔루션을 @GCyrillus을 사용 http://codepen.io/gc-nomade/pen/piCtm/