3

<svg>親のサイズに基づいて要素の幅が設定されているようですが、マージンは無視されます。

ここに画像の説明を入力

どうしてこれなの?また、サイズ変更に関して<svg>、他の要素と同じように動作させるにはどうすればよいですか?block

フィドル: http://jsfiddle.net/4p3ww/

4

2 に答える 2

2

ブロック要素であるかのように<svg>andを使用しないでください。<img>そうではありません ( Is <img> element block level or inline level? )。

例に従ってクラスでラップする<svg><div>contained期待どおりの結果が得られます: http://jsfiddle.net/gLndw/

于 2013-09-23T04:22:27.420 に答える
2

一部の SVG コンテンツでは、境界線、パディング、およびマージンが分担された後に利用可能なスペースをすべて占有したいと言う方法はありません ('幅' および 'height' 属性のデフォルトは 100% です)。

https://wiki.mozilla.org/SVG:サイジング

さまざまなブラウザがこれらをどのようにレンダリングするかについてはまだ議論があるようですので、注意してください. 高さ/幅の属性とmax-widthCSSを使用しても、私にとってはかなり奇妙に見えました.

http://jsfiddle.net/4p3ww/3/

于 2013-09-23T02:42:07.210 に答える