跟高老师学习Web前端之53.-display的flex属性制作

虔诚

       雾霾天气的原因，小年夜没有像往年一样噼里啪啦的爆竹声，每天上班、下班亦没有什么特别的感觉，大伙儿都在感慨一句：年味太淡了，一点感觉也没有。今天周会上主管宣导关于16年的年终奖核算事宜，终于有点过年的感觉啦，期盼岁末，哈哈！

       今天学习了如何用display的flex属性制作菜单。

代码书写1 代码书写2

       list-style:默认无序列表前面的黑点，当取值为none时，黑点不显示。

       flex-direction,表示元素在主轴方向以何种方式排列。row值为默认值，设定为元素靠左的一个排列。

       text-decoration:表示文本下划线，取值为none时，a标签的下划线取消。

页面展示

       当flex-direction取值row-reverse时，元素内容和顺序都反向，如下：

代码书写 页面展示

      当flex-direction取值column时，元素呈垂直排列，如下：

代码书写 页面展示

       当flex-direction取值column-reverse时，元素内容和顺序都呈垂直反向排列，如下：

代码书写 页面展示

      晚安！