text-align: justify列表的两端对齐布局

 通过设置inline-block与justify实现列表的两端对齐布局，但是处于列表最后一行的元素却无法对齐，我们通过在最后一行放置一个高度为0，宽度100%的inline-block不可见元素来充当最后一行，可以使得所有的可见元素实现两端对齐的布局。

ul { text-align: justify; }
ul > li { display: inline-block; }
span { display: inline-block; height: 0; width: 100%; overflow: hidden; }