Wyśrodkowanie obrazka w pionie i poziomie w bloku DIV
Wyśrodkowanie obrazka w pionie i poziomie w bloku DIV
Witam,
wie ktoś jak wyśrodkować obrazek w pionie i poziomie, który się znajduje w divie ??
Mam obrazki umieszczone w divach i chce je wyśrodkować w pionie i poziomie.
wie ktoś jak wyśrodkować obrazek w pionie i poziomie, który się znajduje w divie ??
Mam obrazki umieszczone w divach i chce je wyśrodkować w pionie i poziomie.
Re: Wyśrodkowanie obrazka w pionie i poziomie w bloku DIV
- margin:auto dla obrazka, może pomóc ale nie musi
- vertical-align:middle dla obrazka na wyśrodkowanie w pionie(ale to chyba dla obrazków nie zadziała)
- text-align:center dla div'aw celu wyśrodkowania zawartości w poziomie, zadziała na bank
---- EDIT ----
Możesz też pozycjonować div'a relatywnie a obrazek absolutnie
ten kod akurat jest z jednego z for, na te marginesy sam bym nie wpadł
- vertical-align:middle dla obrazka na wyśrodkowanie w pionie(ale to chyba dla obrazków nie zadziała)
- text-align:center dla div'aw celu wyśrodkowania zawartości w poziomie, zadziała na bank
---- EDIT ----
Możesz też pozycjonować div'a relatywnie a obrazek absolutnie
Kod: Zaznacz cały
img{
position:absolute;
top:50%;
left:50%;
margin-top: -1/2H;
margin-left: -1/2W;
}
Niě nerwuj hanysa
Re: Wyśrodkowanie obrazka w pionie i poziomie w bloku DIV
dzięki za pomoc, ale poradziłem sobie z tym na tabelkach
-
- Posty: 1
- Rejestracja: 24 paź 2015, 19:59:59
- Płeć:
- User Agent:
Wyśrodkowanie obrazka w pionie i poziomie w bloku DIV
Można to zrobić w prostszy sposób, temat z 2011 roku, ale myślę, że pomogę innym. Zapewne większość w czytuje obrazki za pomocą znacznika <img src="sciezka">, istnieje inny sposób który zaoszczędzi niepotrzebnych nerwów. Najlepiej na stronie dodać tylko
A w CSS
Kod: Zaznacz cały
<div class="nazwa_klasy"> </div>
A w CSS
Kod: Zaznacz cały
.nazwa_klasy
{
width: 500px;
height: 500px;
background: url('sciezka_do_obrazka') no-repeat;
background-position: center;
background-size: 200px auto; // opcjonalnie (pierwsza wartość to wysokość, druga to szerokość)
}