Vydělávej až 160.000 Kč měsíčně! Akreditované rekvalifikační kurzy s garancí práce od 0 Kč. Více informací.
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.

Diskuze: Centrování textu v divu

Aktivity
Avatar
tbartolen
Člen
Avatar
tbartolen:18.5.2016 22:43

Zdar, mám div, a potřeboval bych vycentrovat text přesně do středu toho divu, nehledě na řádek...zkoušel jsem to přes padding a tak, ale víceméně bez úspěchu...je na to nějaký univerzální fígl? Díky

<div class=prvnirada>
<a href="https://www.facebook.com/?ref=logo" class="vata"><p>lorem ipsum</p></a>
</div>

a css

a.vata {
        display:block;
        height: 100%;
        width: 100%;
        text-decoration: none;
}
.prvnirada {
        width: 30%;
        float: left;
        border: 1px solid black;
        background: url("pokus.jpg");
        height: 100px;
}
Editováno 18.5.2016 22:43
Odpovědět
18.5.2016 22:43
Navštiv www.fb.com/skkelticz
Avatar
Odpovídá na tbartolen
Neaktivní uživatel:18.5.2016 22:47

text-align: center

Nahoru Odpovědět
18.5.2016 22:47
Neaktivní uživatelský účet
Avatar
tbartolen
Člen
Avatar
tbartolen:18.5.2016 22:54
.parent {
  position: relative;
}
.child {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
Nahoru Odpovědět
18.5.2016 22:54
Navštiv www.fb.com/skkelticz
Avatar
tbartolen
Člen
Avatar
Odpovídá na Neaktivní uživatel
tbartolen:18.5.2016 22:54

Jo to taky, ale už jsem to našel viz hore :-) díky ! ;)

Nahoru Odpovědět
18.5.2016 22:54
Navštiv www.fb.com/skkelticz
Avatar
Odpovídá na tbartolen
Neaktivní uživatel:19.5.2016 2:21

To je naprosto zbytečný a složitý :)

Nahoru Odpovědět
19.5.2016 2:21
Neaktivní uživatelský účet
Avatar
Odpovídá na Neaktivní uživatel
Libor Šimo (libcosenior):19.5.2016 7:10

Ale ak má ten div väčšiu výšku, text-align: center rieši len horizontálny stred.

Nahoru Odpovědět
19.5.2016 7:10
Aj tisícmíľová cesta musí začať jednoduchým krokom.
Avatar
adder
Člen
Avatar
adder:19.5.2016 8:26

Reseni pro verticalni i horizontalni smer centrovani:

a.vata {
        display: inline-block;
        vertical-align: middle;
        line-height: 1.2;
        text-decoration: none;
}
.prvnirada {
        width: 30%;
        float: left;
        border: 1px solid black;
        background: url("pokus.jpg");
        height: 100px;
        text-align: center;
        lihe-height: 100px;
}
Nahoru Odpovědět
19.5.2016 8:26
I’m going to lay this brick as perfectly as a brick can be laid.
Avatar
Tomáš123
Člen
Avatar
Odpovídá na Libor Šimo (libcosenior)
Tomáš123:19.5.2016 8:48

Existuje aj vertical-align: middle a display: inline-block...

(Nevidel som nový príspevok.)

Editováno 19.5.2016 8:50
Nahoru Odpovědět
19.5.2016 8:48
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na Libor Šimo (libcosenior)
Neaktivní uživatel:20.5.2016 15:05

To je pravda, toho jsem si nevšimnul

Nahoru Odpovědět
20.5.2016 15:05
Neaktivní uživatelský účet
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 9 zpráv z 9.