[pyrpl]

#heheszki #programowanie #humorinformatykow #programista15k

[bordozielonka]

@pyrpl: no ale taguj #programista15k xD

[zortabla_rt]

@pyrpl:

position: absolute;
padding-left: 50%;

lub

width: n px;
left: 50%.

chyba najgorszy sposób bo stosuję

[AppleDash]

@zortabla_rt: no raczej

Usuń konto

[erwerwerwer]

@zortabla_rt: hah, nie.

[J.....k]

@pyrpl: xD

[Fastboot]

@zortabla_rt:

.style {
position: absolute;
margin: auto;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 30%;
height: 30%;
}

https://jsfiddle.net/955y1y1m/

Więcej o tym sposobie:

https://www.smashingmagazine.com/2013/08/absolute-horizontal-vertical-centering-css/

[zortabla_rt]

@Fastboot teraz relatywnie proszę

[Decretis]

@zortabla_rt: left: calc(50% - $imgWidth / 2);

[L.....r]

@Fastboot: Robisz jako flex i po sprawie ( ͡° ͜ʖ ͡°)

[addr]

@Fastboot: @zortabla_rt: @Decretis: Wy tak na poważnie czy trollujecie?

display: block;
margin: 0 auto;

I załatwione. Nie dziękujcie.

[Decretis]

@addr: Serio to, w przypadku elementów inline, daje się text-align: center; kontenerowi

[Fastboot]

@addr: W poziomie tak ale nie w pionie.

[addr]

@Fastboot:
Jak masz ustalony height kontenera, to możesz zrobić coś takiego fajnego:

position: relative; 
top: 50%; 
transform: translateY(-50%);

[FarmazonowyMsciciel]

@pyrpl: @zortabla_rt: @Fastboot: @Lrrrr: @addr: @Decretis: ( ͡° ͜ʖ ͡°)

[nachteil]

@pyrpl: Zarabiam 15k jako programista. Nie mam pojęcia, jak wyśrodkować obrazek w HTML ( ͡° ʖ̯ ͡°)

[czarnula897]

@AppleDash: Center się już nie używa XD

[CzuowiekMaupa]

@czarnula897: nie zrozumiałaś żartu ( ͡° ʖ̯ ͡°)

[Z.....y]

@pyrpl: http://howtocenterincss.com

[Vickers213]

@pyrpl: każda motywacja jest dobra ( ͡° ͜ʖ ͡°)

[mgorski]

@pyrpl: 1)obrazek inline
text-align:center;
2)obrazek block
margin:0 auto;
3)obrazek z poz absolutna
.kontener{position:relative;height:200px;}
.obrazek{position:absolute;left:50%;margin-left:-50%;}
4)obrazek z float
.kontener{padding-left:50%;overflow:hidden;}
.obrazek{margin-left:-50%;float:left;}
4.2)bez overflow hidden pod koniec kotenera clear
.clear{height:0px;overflow:hidden;clear:both;}
5)w html


6)na janusza

7)w pionie
trzeba znać wysokość, bo na tym to polega.
7.1) policzyć piksele
position:absolute;top:20px;
7.2) w linii - obrazek inline
.kontener{line-height:200px;}
7.3)abs
.kontner{position:relative;height:400px;}
.obrazek{positon:absolute;top:50%;margin-top:-50%;}