Logowanie

wyśrodkowanie diva bez dawania mu sztywnej szerokości

pytanie zadane 13 sierpnia 2016 w HTML i CSS przez jankustosz1 Nałogowiec (35,880 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 (601,110 p.)
wybrane 13 sierpnia 2016 przez jankustosz1

Najlepsza

Tak, display: inline-block.

komentarz 13 sierpnia 2016 przez jankustosz1 Nałogowiec (35,880 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 (601,110 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 (35,880 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 (601,110 p.)

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

Podobne pytania

0 głosów

2 odpowiedzi 198 wizyt

Wyśrodkowanie panelu logowania z obrazkami

pytanie zadane 7 lutego 2016 w HTML i CSS przez VeniK Początkujący (270 p.)

0 głosów

3 odpowiedzi 476 wizyt

Wyśrodkowanie pionowe i poziome w div

pytanie zadane 22 lipca 2016 w HTML i CSS przez lalanablanalala Bywalec (2,090 p.)

0 głosów

1 odpowiedź 708 wizyt

Wyśrodkowanie diva z position:fixed

pytanie zadane 3 maja 2016 w HTML i CSS przez skrzatjedyny Gaduła (3,150 p.)

Kolejna edycja największej imprezy hakerskiej w Polsce, czyli Mega Sekurak Hacking Party odbędzie się już 20 maja 2024r. Z tej okazji mamy dla Was kod: pasjamshp - jeżeli wpiszecie go w koszyku, to wówczas otrzymacie 40% zniżki na bilet w wersji standard!

Więcej informacji na temat imprezy znajdziecie tutaj. Dziękujemy ekipie Sekuraka za taką fajną zniżkę dla wszystkich Pasjonatów!

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...

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