ul列表li元素横排显示的IE兼容性问题

目标：

　　使ul列表横排显示

现象：

　　谷歌OK，火狐竖排，IE竖排。

原因：

　　ul原css代码：

　　首先，去除点号，list-style:none;为了使其横排，使用了display:contents;该样式在IE上无法识别，在火狐上则不稳定。

解决方法：

　　将display:contents改成flex-direction: row;，保险起见，可以设置浮动和字体对齐都是左对齐。