| Autor | Zpráva | ||
|---|---|---|---|
| radekt Profil |
#1 · Zasláno: 22. 8. 2017, 13:05:30
Dobrý den,
není mi jasné, proč v tomto kódu: <html>
<head>
<meta charset="utf-8">
<style>
.container {
display: grid;
}
.blok1 {
background: silver;
grid-row: 1 / 1;
grid-column: 2 / 2;
}
.blok2 {
background: yellow;
grid-row: 1 / 3;
}
.blok3 {
background: orange;
grid-row: 2 / 2;
grid-column: 2 / 2;
}
</style>
</head>
<body>
<div class="container">
<div class="blok1">Blok1</div>
<div class="blok2">Blok2</div>
<div class="blok3">Blok3</div>
</div>
</body>
</html>je pro blok2, aby se roztáhl na dva řádky, styl grid-row: 1 / 3, tedy začíná na prvním řádku, konči na třetím? Logicky bych tam dal grid-row: 1 / 2, ale to nefunguje. Jaká je tam logika?
Díky Radek Tůma |
||
| Tomáš123 Profil |
#2 · Zasláno: 22. 8. 2017, 14:04:20
radekt:
Áno, tie dve čísla vyjadrujú začiatok a koniec. Pozri si celý popis: grid-row. |
||
| smiesek Profil |
#3 · Zasláno: 24. 8. 2017, 05:03:25
radekt:
jak podotkl Tomáš123, nastavení je v pořádku, spíše bych doporučovala si ujasnit pojmy v gridu jako je: lines (linka) (to je důvod roztáhnutí na dva řádky = track (cesta)), track (cesta), cell (buňka) a area (oblast). To hodně pomůže :-) |
||
|
Časová prodleva: 7 let
|
|||
0