Come posso centrare un SVG in un div?

254

Ho un SVG che sto cercando di centrare in un div. Il div ha una larghezza o 900px. SVG ha una larghezza di 400 px. SVG ha i margini margine sinistro e margine destro impostati su auto. Non funziona, si comporta solo come se il margine sinistro sia 0 (impostazione predefinita).

Qualcuno sa il mio errore?

css  layout  svg  positioning  margin 
— Don P
fonte

Risposte:

461

SVG è in linea per impostazione predefinita. Aggiungi display: blockad esso e quindi margin: autofunzionerà come previsto.

— Spadar Shut
fonte
10
abbastanza sicuro questo significa anche che text-align: il centro sull'elemento genitore funzionerà anche (funziona comunque per me in Chrome)
— Nathan,
questo DID NON ha funzionato per me, ma usando 'inline-block' invece di 'block', ha funzionato. Forse è stato perché ho inserito l'SVG in un td, non indiv
— matematico
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.