Hur centrera bild med css

2014-04-14 11:09

Permalänk

Jepp

Medlem

Registrerad: Okt 2011

●

Hur centrera bild med css

Hur centrerar jag en bild med css? Jag skrev in:

i htmlfilen och jag skrev in:

.bilen {
margin: 0 auto 0 auto;
}

i css:en

men får det ej att funka.

Visa signatur

jepp

Rapportera Redigera

Citera flera Citera

2014-04-14 11:21

Permalänk

hoski

Avstängd

Registrerad: Dec 2013

●

Skrivet av Jepp:

Hur centrerar jag en bild med css? Jag skrev in:

i htmlfilen och jag skrev in:

.bilen {
margin: 0 auto 0 auto;
}

i css:en

men får det ej att funka.

Gå till inlägget

Du har glömt display: block; i CSS:en.

Visa signatur

///M4

Rapportera Redigera

Citera flera Citera

2014-04-14 20:24

Permalänk

J_ajje

Medlem

Plats: Skövde
Registrerad: Nov 2004

●

Dra en div med text-align: center runt bilden så centrerar den automatiskt. En img-tagg är ett inline-element by default och text-align centrerar dem.

Visa signatur

| i7 920 | UD5 | 6GB | 3TB | Intel SSD 80GB | Antec P182 |
http://webbutveckla.nu - Blogg om webbutveckling

Rapportera Redigera

Citera flera Citera

2014-04-14 20:56

Permalänk

Florrpan

Medlem ★

Plats: Sundsvall
Registrerad: Dec 2006

●

För att centrera ett objekt måste webbläsaren ha en bestämd bredd att utgå från.

Detta fungerar:
width: 100px;
margin: 0 auto;

Annars använder man bara text-align: center, som J_ajje föreslog, notera dock att text-align är till för vad det låter som, text. Så för att centrera andra objekt, t.ex hemsidans wrapper, används margin: 0 auto; samt en bestämd bredd.

Visa signatur

Min Hemsida

Canon 70D | 2x Dell Ultrasharp 24" | Ryzen 3700X | 32B | GTX 1080Ti

Rapportera Redigera

Citera flera Citera

2014-04-22 21:28

Permalänk

Jepp

Medlem