[解決済み] [Solved] SVGをdivの中央に配置するには?
2022-03-30 08:19:09
質問
SVGをdivの中でセンタリングしようとしています。divの幅は900pxです。SVGの幅は400pxです。SVGのmargin-leftとmargin-rightはautoに設定されています。これは、左マージンが0(デフォルト)であるかのように動作するだけです。
どなたか私のエラーをご存知の方はいらっしゃいますか?
解決方法は?
SVGはデフォルトでインライン化されています。追加
display: block
を追加し、さらに
margin: auto
は期待通りに動作します。
関連
-
[解決済み】divの高さを画面の残りスペースで埋めるようにする
-
[解決済み] <div style="display:none">によるテーブルデータの非表示。
-
[解決済み] :first-child が期待通りに動作しない
-
[解決済み] cssによる波状の形状
-
[解決済み] ネストしたdivのcssを簡素化
-
[解決済み] モバイル端末でCSSを使用したフルハイトの背景画像
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] 親ディバイスの高さを指定せずに、子ディバイスの高さを100%にする方法は?
-
[解決済み] 残りの幅を埋めるためにdivを展開する
-
[解決済み] 固定幅のカラムを2つ、フレキシブルカラムを1つ、中央に配置するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] font: inheritを使用する目的は何ですか?
-
[解決済み] <label for=""> CSSを非表示にする方法
-
[解決済み] divを親の中で自動的に縦に重ねるにはどうしたらいいですか?
-
[解決済み] DIVを重ねる?
-
[解決済み] DjangoのCSSが更新されない
-
[解決済み] bootstrap 4 でカードブロックの不透明度を変更する方法
-
[解決済み] ヘッダー付きCSSボックス
-
[解決済み] psuedo 要素を用いたスクロール/ホバー可能な CSS ツールチップ
-
[解決済み] Atomエディタで透明な背景を設定する方法は?
-
[解決済み] ブルマのテーブルをレスポンシブにするにはどうしたらいいですか?