html - SVG 居中对齐文本

Question

我有一个需要包含在标签中的内联 SVG。但是，我似乎无法将其与文本垂直对齐。有什么想法吗？

我是这样添加的:

<label for="menu-check-box">More<svg class="more-icon"><use xlink:href="#more-chevron"></use></svg></label>

样式是:

label {
  cursor: pointer;
  color: blue;
}

.more-icon {
  width: 24px;
  height: 24px;
  fill: blue;
}

这是一个 fiddle .

Answer 1

vertical-align 应该有帮助:

label svg {display:inline-block;vertical-align:middle}

https://jsfiddle.net/tnux7pLx/2/