父级元素加display: flex; flex-flow:row nowrap;justify-content:space-between;
子类元素 就可以直接左右两边对齐。
元素左右对齐 justify-content:center; 当前对齐元素必须声明 display:flex
元素上下对齐 align-items:center; 当前对齐元素必须声明 display:flex
两边元素等分
父级添加 display:flex
子级 各自添加 flex:1 起到了等分的效果 如果需要2比1等分话 同上原则, 就是 flex:2 flex:1