Kép középre igazítás miért nem működik?
Figyelt kérdés
Van egy div (#fejlec) és benne egy kép(#logo). A div kitölti a teljes képernyőszélességet, viszont a képet sehogy sem tudom középre igazítani benne.
Ez lenne a CSS:
#fejlec{
width:100%;
height:auto;
overflow:visible;}
#logo{
float:center;}
2021. dec. 30. 11:27
1/5 anonim 
válasza:
válasza:nincs float:center;
inline-block elem a kép, azt text-align center -el tudod középre rakni a #fejlec -nek megadva.
Vagy #logo -t display:block; -ra állítod és margin:auto;
2/5 A kérdező kommentje:
Köszi, közben én is próbáltam ezt az auto margin/padding megoldást, úgy csak random behúzza valahová de nem középre.
2021. dec. 30. 12:09
3/5 anonim 
válasza:
válasza:A margin: auto; működik, ha nem, akkor van még valami szabály a #logo-n, ami megakadályozza.
4/5 A kérdező kommentje:
Közben sikerült, viszont most meg a függőleges nem sikerül. Ott meg adtam hogy table-cell illetve auto padding és margin de hiába.
2021. dec. 30. 12:24
5/5 anonim válasza:
válasza:Akkor meg a függőelegesen is szeretnéd középre helyezni:
display: flex;
justify-content: center;
align-items: center;
A "table-cell" -t inkább ne használd.
Akkor esetleg grid szerkezet. ;-)
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!