父級元素加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