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-03-20 13:35:55

    随便想到，群聊天的数据库简单设计

    拆分成两个表，一个是消息的流水表，一个是每个人的配置表。 记录每个群下面的这个用户的最后读取的消息last_msg_id，然后在计算消息未读数据。 这样优化之后数据将减少好多，数量是 m+n条数据。不在是成倍增长了。

  • 2020-03-20 13:39:50

    类似与微信朋友圈功能数据库如何实现

    每次发圈子的时候，给关注我的每个uuid，发一个内容id。 大概表的设计就是 uuid，idlist 这样的，idlist是按照时间顺序的。 然后定期删除idlist过多的老圈子。

  • 2020-03-21 00:11:38

    Android卡片布局（圆角阴影）的几种实现及分析

    在开发中，为了界面美观，圆角view和阴影效果是开发中经常遇到的UI场景，比如银行卡效果，卡片式itemView布局，Banner图等，开发中我们通过各种方式实现了这种效果，但是哪种方案最好呢，接下来本文将比较几种常见的圆角阴影布局实现，并从内存占用角度分析它们的优缺点.

  • 2020-03-21 12:05:24

    android 自定义组件，使用AttributeSet

    首先要在res/values目录下建立一个attrs.xml（名字可以自己定义）的文件,并在此文件中增加对控件的属性的定义.其xml文件如下所示：

  • 2020-03-21 12:09:59

    Android使用AttributeSet自定义控件的方法

    我们可以在attrs.xml中声明自己控件的属性，在布局xml文档中声明自己的命名空间，这时就可以对设置自己想要的值了，然后在AttributeSet这个属性中获取对应的值。好了不多说，我们来看下代码，一切尽在不言中：

  • 2020-03-22 21:16:07

    用vue做的跟随鼠标移动的div

    最近接到一个任务，就是在既存用electron-vue开发的桌面端程序上追加随鼠标移动的动画效果，之前一直使用angular和react，没怎么接触过vue，先做一个vue的简单例子，然后再整合。