关于两端对齐

写页面的时候经常会遇到li列表循环的数据，需要两端对齐并且兼容IE8，以前还在用margin-left这种笨办法，老办法，百度之后发现竟然还有如此好用的方法。

1，text-align:justify 属性是全兼容的，使用它实现两端对齐，需要注意在模块之间添加[空格/换行符/制表符]才能起作用，同样，实现文本对齐也是需要在字与字之间添加[空格/换行符/制表符]才能起作用

2,测试发现，text-align:justify只可以让第一行实现两端对齐，第二行开始不生效，还需要加一行代码text-align-last: justify;即可实现所有列表两端对齐，此方法只能在列表元素没有浮动的情况下才可以生效，比如li列表需要使用display:inline-block方法让它们一行显示，否则次方法不生效。

 

转载于:https://www.cnblogs.com/yanruilong/p/6895871.html