实现多列等宽布局

最近多学习布局的知识，争取能成为布局小仙女
何谓多列等宽布局？它看起来像下面这个样子：

对于上面这个图形，我们可以的到下面这个公式：

N*W + (N-1)*G = c
//化简得
N(W+G) = C+G

html代码：

 <div class="parent">
    <div class="column"><p>1</p></div>
    <div class="column"><p>2</p></div>
    <div