css div内span块的弹性排列

让div内的span块横排等距分隔的方法：

        span的父级元素div设置disaplay为flex，flex-direction为row;

        span设置display为flex，其次是间距计算合理即可

.father{
    display: flex;
    flex-direction: row;
}
.son{
    display: flex;
    width: 30%;
    margin-left: 2.5%;
}

        此处子级宽度为父级的三分之一，要实现三个并排，则横向间距为2.5%

同理要实现竖排间隔一致，只需将flex-direction属性改为colum即可；