flex布局的justify-content属性写法注意事项

做项目时候写了个表格，发现在谷歌浏览器看着正常，在别的浏览器（比如360浏览器）看着不正常。正常效果应该是第一列挨着那条垂直分界线。

谷歌浏览器的效果：

360浏览器的效果

后来检查了发现我把justify-content:flex-end中的flex-end写成了end，这样写是不规范的，虽然在谷歌浏览器生效了，但是在别的浏览器就不一定了。

当时没注意这个问题，我写完页面后都是用谷歌浏览器看的效果，没试别的浏览器，所以我以为我写的没问题。然后导致开会的时候挨批评了，说我为什么没把这个问题改过来，会后我换了个浏览器试了试才发现确实有问题。

建议大家以后写的时候规范一点，如果发现属性不生效，先检查一下自己写的属性对不对，比如完不完整，拼写对不对。前端页面开发的时候也可以多换几个浏览器看看效果正不正常。