flex水平平分布局

2020-01-04 08:16:12

效果

 

HTML

    <ul class="box">
        <li class="b-title">标题一</li>
        <li class="b-title">标题二</li>
        <li class="b-title">标题三</li>
    </ul>

 

CSS

复制代码

        .box {
            display: flex;
        }

        .b-title {
            flex: 1;
            border: 1px solid red;
            height: 80px;
            display: flex;
            align-items: center;
            justify-content: center;
        }


  • 2021-05-25 13:10:49

    npm 多个不同版本的依赖

    提起 npm,大家第一个想到的应该就是 npm install 了,但是 npm install 之后生成的 node_modules 大家有观察过吗?package-lock.json 文件的作用大家知道吗?除了 dependencies 和 devDependencies,其他的依赖有什么作用呢?接下来,本文将针对 npm 中的你可能忽略的细节和大家分享一些经验 。