wyśrodkowanie diva bez dawania mu sztywnej szerokości

pytanie zadane 13 sierpnia 2016 w HTML i CSS przez jankustosz1 Nałogowiec (37,030 p.)

Witam.

Dałoby się wyśrodkować diva bez określania mu sztywnej szerokości?

Powiedzmy że mam taki kod:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
     <style>
        #plansza
 {
    margin-right: auto;
    margin-left: auto;
}
     </style>
</head>
<body>
    <div id="all">
        <div id="plansza">
            <img src="http://forum.pasja-informatyki.pl/?qa=image&qa_blobid=4173144863237068804&qa_size=40"  />
        </div>
    </div>
</body>

</html>

Ustawienie margin nie działa bo div nie ma określnej szerokości. Jej jakiś sposób na wycentrowanie jego zawartości bez centrowania obrazka. Jest może jakaś właściwość która sprawi że div będzie miał możliwie najmniejszą szerokość?

2 odpowiedzi

odpowiedź 13 sierpnia 2016 przez Comandeer Guru (607,290 p.)
wybrane 13 sierpnia 2016 przez jankustosz1

Najlepsza

Tak, display: inline-block.

komentarz 13 sierpnia 2016 przez jankustosz1 Nałogowiec (37,030 p.)

#plansza {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
}

Dlaczego to nie działa?

Wcześniej myślałem że nie działa bo div zabierał całą szerokość teraz zabiera tylko rozmiar obrazka więc dlaczego nie da się go wycentrować?

komentarz 13 sierpnia 2016 przez Comandeer Guru (607,290 p.)

Bo takie elementy zachowują się jak tekst, więc można je wycentrować przy pomocy text-align: center na rodzicu.

komentarz 13 sierpnia 2016 przez jankustosz1 Nałogowiec (37,030 p.)

Dzięki.

odpowiedź 13 sierpnia 2016 przez BlvckFox Gaduła (4,240 p.)

#plansza{
position: absolute;
left: 50%;
top: 50%;
transform: translate(50%,50%);}

komentarz 13 sierpnia 2016 przez Comandeer Guru (607,290 p.)

Hm, czemu tak dziwnie? Jeśli chcemy wyśrodkować w poziomie, to to jest armata na muchę.

Podobne pytania

wyśrodkowanie diva bez dawania mu sztywnej szerokości

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby odpowiedzieć na to pytanie.

2 odpowiedzi

Zaloguj lub zarejestruj się, aby skomentować.

Zaloguj lub zarejestruj się, aby skomentować.

Podobne pytania

O działaniu forum

Pasja informatyki w internecie

Polecane miejsca w sieci