内联块的CSS垂直对齐不起作用

.inline-block-element {
  display: inline-block;
  vertical-align: middle; /* 或者其他垂直对齐方式，如top、bottom等 */
}

.container {
  display: flex;
  align-items: center; /* 或者其他垂直对齐方式，如flex-start、flex-end等 */
}

.table-layout {
  display: table;
}

.table-cell {
  display: table-cell;
  vertical-align: middle; /* 或者其他垂直对齐方式，如top、bottom等 */
}