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}