flex布局左右两边固定，中间自适应

2020-05-06 18:42:48

flex布局左右两边固定，中间自适应

	<style>
        #flex{
            display: flex;
            background-color: skyblue;
            height: 100px;
            line-height: 100px;
        }

        #left,.right{
            width: 200px;
        }
        #center{
            background:pink;
            /*flex:1*/
            /*等价于*/
            flex-grow: 1;
            text-align: center;
        }
    </style>
    
	<div id="flex">
        <div id="left">我在左边,width: 200px;</div>
        <div id="center">我在右边，自适应</div>
        <div class="right">我在右边，width：200px</div>
    </div>


  • 精彩推荐

  • 2020-02-19 23:04:52

    理解Laravel中的pipeline

    pipeline在laravel的启动过程中出现次数很多，要了解laravel的启动过程和生命周期，理解pipeline就是其中的一个关键点。网上对pipeline的讲解很少，所以我自己写一写吧。

  • 2020-02-19 23:08:56

    Laravel 用户认证 Auth（精华）

    很多应用是需要登陆后才能操作，Laravel 提供了一个 auth 工具来实现用户的认证功能。并且有一个 config/auth.php 来配置 auth 工具。大概看一下 auth 工具的常用方法

  • 2020-02-19 23:12:44

    Laravel 从 $request 到 $response 的过程解析二（必读）

    laravel 的请求会组装成 $request 对象，然后会依次经过中间件（前置部分），最终到达 url 指向的控制器方法，然后把返回数据组装为 $response 对象返回，再依次经过中间件 (后置部分)，最终返回。

  • 2020-02-19 23:15:24

    PHP 闭包（Closure）

    闭包（Closure）又叫做匿名函数，也就是没有定义名字的函数。比如下面的例子：

  • 2020-02-19 23:26:58

    php array_pop 删除数组最后一个元素实例

    php array_pop函数将数组最后一个单元弹出（出栈），即删除数组的最后一个元素。本文章通过php实例向大家讲解array_pop函数的使用方法。