博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
弹性布局做导航
阅读量:2066 次
发布时间:2019-04-29

本文共 161 字,大约阅读时间需要 1 分钟。

弹性布局做导航

主要用到的属性 { display:flex}和{justify-content: space-around;}

    
弹性布局
    弹性布局简单的使用,当数组里面的数据缺少时,布局会自动调整,让整个导航页面充满。

    效果图一

    图片效果一

    效果图二

    图片效果二

    你可能感兴趣的文章
    Leetcode C++《热题 Hot 100-17》461.汉明距离
    查看>>
    Leetcode C++《热题 Hot 100-18》538.把二叉搜索树转换为累加树
    查看>>
    Leetcode C++《热题 Hot 100-19》543.二叉树的直径
    查看>>
    Leetcode C++《热题 Hot 100-21》581.最短无序连续子数组
    查看>>
    Leetcode C++《热题 Hot 100-22》2.两数相加
    查看>>
    Leetcode C++《热题 Hot 100-23》3.无重复字符的最长子串
    查看>>
    Leetcode C++《热题 Hot 100-24》5.最长回文子串
    查看>>
    Leetcode C++《热题 Hot 100-26》15.三数之和
    查看>>
    Leetcode C++《热题 Hot 100-27》17.电话号码的字母组合
    查看>>
    Leetcode C++《热题 Hot 100-28》19.删除链表的倒数第N个节点
    查看>>
    Leetcode C++《热题 Hot 100-29》22.括号生成
    查看>>
    Leetcode C++《热题 Hot 100-40》64.最小路径和
    查看>>
    Leetcode C++《热题 Hot 100-41》75.颜色分类
    查看>>
    Leetcode C++《热题 Hot 100-42》78.子集
    查看>>
    Leetcode C++《热题 Hot 100-43》94.二叉树的中序遍历
    查看>>
    Leetcode C++ 《第175场周赛-1 》5332.检查整数及其两倍数是否存在
    查看>>
    Leetcode C++ 《第175场周赛-2 》5333.制造字母异位词的最小步骤数
    查看>>
    Leetcode C++ 《第175场周赛-3》1348. 推文计数
    查看>>
    Leetcode C++《热题 Hot 100-44》102.二叉树的层次遍历
    查看>>
    Leetcode C++《热题 Hot 100-45》338.比特位计数
    查看>>