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>


  • 精彩推荐

  • 2019-09-16 22:56:52

    java.lang.NoSuchMethodError:SpringJAR包版本冲突错误解决方法

    查询了相关资料，大部分都说引起的原因是JAR包错误或JAR包冲突，查看了配置文件，并没有发现错误之处，因为用的是maven工程，这让我想到了maven的JAR引用的传递性，应该是引用的JAR包中传递引用了相同的包，没有排除。通过mvn dependency:tree 命令查看当前工程引用的依赖JAR树

  • 2019-09-17 17:19:42

    strapi 先进的 headless cms

    为什么叫cms而不是框架，主要是因为他提供了一个程序员操作面板，看起来像是一个综合的后台管理，很容易误解具体项目的后台管理，他更像是一个数据库管理面板顺便完成api的自动开发操作。

  • 2019-09-17 17:20:59

    Headless CMS 的介绍

    在本文中，我们将了解Headless CMS，我们将了解它的优点以及何时使用方便。此外，我们将列举实际的主要限制。为了更好地理解HCMS如何在幕后工作，我将解释如何设计和构建RawCMS，一个带有Oauth2的Aspnet.Core Headless CMS，扩展插件系统，业务逻辑支持。该解决方案可在GitHub上获得，并作为演示版在docker hub上发布。

  • 2019-09-17 17:21:58

    Headless CMS 详细介绍

    什么是 Headless CMS? 为什么 Headless CMS 带有真正的革命性？因为它严格的将内容和格式分离，使我们回归到内容管理的本源。这种变化必然会带来一些不确定性。因此，在开始您的第一个 CMS 项目之前，了解 Headless CMS 概念至关重要。因为它和传统的 CMS 有着本质的区别。