css解决方案

1,Flexbox(更优雅的布局)

①居中:{display:flex; justify-content:center; align-items:center;}
②设定flex-grow属性的话,会自动填满空白;
③原理:display:flex就是flex:0 0 auto就是flex-grow:0;flex-shrink:0;flex-basic:auto

2,text-align: justify;text-align-last:justify;(多列均匀布局)

    也可以用伪类:.justify:after {content: "";display: inline-block;width: 100%;}

原文地址:https://www.cnblogs.com/colima/p/5263486.html