の高さに付着しません 自動高さは、私は次のコードを使用して、親要素内でSVGのアイコンをラップSVGアイコンコンポーネントを作成したそのSVGアイコンの子
ラッピングのdivの高さがに設定されていてもCSS
body {
font-size: 48px;
color: black;
}
.icon-wrapper {
background-color: lightgreen;
}
.icon {
width: 1em;
height: 1em;
stroke-width: 0;
stroke: currentColor;
fill: currentColor;
background-color: red;
}
(初期値)では、何らかの形で底部にパディングが追加されているため、囲まれたSVGよりも数ピクセルの高さです。緑豊かなエリアが存在してはならない。
これはなぜでしょうか? svg
タグはそれを修正する親要素にline-height:0;
を設定し、inline-block
要素であるため、https://jsbin.com/huyojeniwi/1/edit?html,css,output
スペースが実際にある理由についての追加情報をお寄せいただきありがとうございますそこ! – suamikim
@disstructそれはコールです***カーニング*** *** ***スピース***、インラインボックスの詳細を読む[ここ](https://www.w3.org/TR/CSS2/visuren.html#inline-ボックス) –
@Ahbhishek Pandeyありがとう。おもしろいですね – disstruct