css - 如何使 svg 图标和选择输入框在 div 中垂直对齐？

Question

代码如下:

http://jsfiddle.net/jj9gLxta/1/

#wrapper {
  vertical-align:middle;
  display:inline-table;
}
#wrapper select {
  margin-left:5px;
}

我想让 svg 图标和选择框垂直对齐。

顺便说一句，svg 图标和选择输入可能有其他尺寸，所以我需要一些 css 使其适用于不同的设计。

谢谢，

Answer 1

这fiddle应该有预期的效果。我从 wrapper 元素中删除了样式，并进行了以下更改:

#wrapper select {
  display:inline-block;
  margin-left:5px;
}
#icon {
  display:inline-block;
  vertical-align: middle;
}