这个简单的html:
<div style="background:blue">
<svg width="40" height="40" style="background:red"></svg> some text
</div>Run Code Online (Sandbox Code Playgroud)
你可以看到svg是,40px但周围的div 44px很高(在chrome上测试).
为什么.如何使周围的div尊重SVG的大小而不height在周围的div上显式并将布局保持在svg+text一行中?