.con .content { display: flex; justify-content: space-between; flex-direction: column; /* align-items: center; */ width: 98%; margin: 0 auto; margin-bottom: 5px; background: #fff; } .content .top { display: flex; justify-content: space-between; align-items: center; flex-direction: row; padding: 5px; } .content .top .title { flex: 1; } .content .top .img { width: 40px; height: 40px; margin-right: 10px; } .content .top .img img { width: 100%; height: 100%; } .content .top .oper { width: 100px; height: 40px; align-self: flex-end; margin-right: 10px; display: flex; justify-content: space-between; align-items: center; } .content .top .oper .del{ width: 30px; height: 30px; } .content .top .oper .del img { width: 100%; height: 100%; } .content .top .oper .bj{ width: 30px; height: 30px } .content .top .oper .bj img { width: 100%; height: 100%; } .content .bottom { display: flex; justify-content: space-between; align-items: center; margin: 5px; font-size: 15px; } .add1{ width: 96%; margin: 35px auto; height: 63px; background:#C9C9C9; border:1px solid #C9C9C9; border-radius: 5px; display:flex; justify-content: center; align-items:center ; /* margin-top: 10px; */ } .addimg{ width: 40px; height: 40px; } .add1 img { /* position: absolute; */ width: 100%; height: 100%; }