关于两端对齐

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

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

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

 
posted @ 2017-05-23 20:15  六神无主  阅读(780)  评论(0编辑  收藏  举报