div 内两端对齐的问题

Question

• 如下图，前面两个带有图标的按钮要在水平方向左对齐，垂直方向居中，右边的下拉选择控件水平右对齐，垂直居中

• 项目在线地址是：https://stackblitz.com/github...
• 进入项目后类似上图，左边选择 PTable Edit 就能看到右边的效果了
• 还有现在3个控件垂直方向上的对齐貌似有点误差，要如何解决 ？
• 有必要的话：QQ = 409223171

Answer 1

flex布局 简单实现

核心代码：

display flex
align-items center
justify-content space-between

Answer 2

纵向不一致是因为下拉框高，字体改成12就ok了，只变边框大小似乎会导致下拉框外观不好看