css - 核心图标样式错误

标签 css svg

为什么core-icon小尺寸时内部svg有垂直偏移?

http://jsbin.com/gasokepi/6/edit?html,output

更新:看起来这与 Polymer 或 Web 组件无关。 This jsbindiv 中只有一个 svg 标签——我什至删除了代码中的缩进,以防由于内联 block 性而添加空格时出现问题什么的。

<div style="width: 12px; height: 12px; background: #ddd"><svg viewBox="0 0 24 24" style="background: aqua;"></svg></div>

最佳答案

如果您将 display: block 添加到您的 svg 元素,它会删除多余的空间。

关于css - 核心图标样式错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24128988/

相关文章:

CSS 三 Angular 形被切断

html - 仅限 Safari 中的 3d 变换期间的裁剪问题

jQuery 和 CSS 在 Chrome 和 Safari 中与 'margin: 0 auto;' 冲突

javascript - 当用户滚动到左端时将数据添加到 highcharts(Highstock)

svg - D3 JS颠倒路径文本

javascript - Snap.svg:如何使用Set.bind(...)?

html - IE 7 中的 CSS z 索引错误

CSS JS(可能) Div 滚动条显示和隐藏

javascript - 可以将自定义图标添加到 font-awesome-react

css - svg作为背景不会显示