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-01-20 08:29:14

    js如何生成唯一标识符UUID

    在JavaScript中生成uuid的代码如下，这个函数会直接给你返回uuid，所以直接调用，然后用变量接收即可！

  • 2020-01-30 11:19:58

    Android中添加两个（多个）FileProvider节点问题

    我们知道在android7.0，修改了对私有存储的限制，导致在获取资源的时候，不能通过Uri.fromFile（..）来获取uri了，但是在写入数据的时候是可以通过Uri.fromFile（..）来获取uri的，android 官网给出的解决办法是通过FileProvider来解决这一问题，我们需要在AndroidManifest.xml 配制provider节点。