美文网首页WEB前端程序开发
跟高老师学习Web前端之53.-display的flex属性制作

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

作者: 火色石榴花 | 来源:发表于2017-01-23 23:41 被阅读0次
虔诚

       雾霾天气的原因,小年夜没有像往年一样噼里啪啦的爆竹声,每天上班、下班亦没有什么特别的感觉,大伙儿都在感慨一句:年味太淡了,一点感觉也没有。今天周会上主管宣导关于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时,元素内容和顺序都呈垂直反向排列,如下:

代码书写 页面展示

      晚安!

相关文章

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

    雾霾天气的原因,小年夜没有像往年一样噼里啪啦的爆竹声,每天上班、下班亦没有什么特别的感觉,大伙儿都在感慨一句...

  • 跟高老师学习Web前端之54.-flex-wrap属性

    晚饭后边温习今天的功课,边和高先生聊天,聊过年回家的事儿,聊各自奖金的发放状况,聊明年的工作计划,说说笑笑...

  • 跟高老师学习Web前端之52.-display:flex

    每年过年,都是妈妈在主导,腊月二十打扫卫生,家里的房子,院子预计需要打扫一天,忙完所有人都是灰头土脸;腊月...

  • 跟高老师学习Web前端之18.

    预算作业搞得所有人疲惫不堪,但是工作是常态,该忙什么还是要继续,没有最忙,只有更忙!参加工作这几年,我真...

  • 跟高老师学习Web前端之16.

    我用了大概15天的时间把南派三叔的一整套《盗墓笔记》,外加《沙海》,《藏海花》读完了,除了受了点惊吓,总觉...

  • 跟高老师学习Web前端之10.

    这两天高老师教我table表格的制作,因为内容较多,分了两次课程,今天我统一汇总起来整理成笔记,方便记忆和学习。 ...

  • 跟高老师学习Web前端之12.

    昨天我学习了用Table标签布局网页,它的侧重点在于利用Table本身的特性来进行页面的布局,使得页面有严...

  • 跟高老师学习Web前端之17.

    我一般是当天要穿的衣服,前一天晚上睡觉前就放好或者想好怎么搭配,衣服不多,但也不能乱搭配,还是将就点好。今...

  • 跟高老师学习Web前端之20.

    我们17年预算作业要持续一个月之久,今天是第一次事业本部审核,费用被要求重新修改,即使在大环境很闷的情况下...

  • 跟高老师学习Web前端之22.

    终于周末了,因为子公司预算作业的关系,整整加班一周了,大伙都累成狗啦,期盼着可以双休啊!我一定要睡到自然醒...

网友评论

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

    本文链接:https://www.haomeiwen.com/subject/nefzbttx.html