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>


  • 精彩推荐

  • 2021-02-21 22:52:12

    php去除字符串中的HTML标签

    php自带的函数可以去除/删除字符串中的HTML标签/代码。 strip_tags(string,allow)：函数剥去 HTML、XML 以及 PHP 的标签。 参数：string,必填,规定要检查的字符串；allow,选填,规定允许存在的标签,这些标签不会被删除。

  • 2021-03-02 16:00:30

    git pull时的filename too long的错误

    这是因为git在windowa下的文件名长度最大是260，（git在Linux下最大支持4096长度的文件名），可以通过输入以下命令解决：

  • 2021-03-05 13:18:03

    mjml教程详解

    mjml如何快速编写响应式电子邮件

  • 2021-03-15 10:34:55

    Sass函数：Sass Maps的函数-map-get($map,$key)

    map-get($map,$key) 函数的作用是根据 $key 参数，返回 $key 在 $map 中对应的 value 值。如果 $key 不存在 $map中，将返回 null 值。此函数包括两个参数：