Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<div class="tabulka"> <div class="radek"> <div class="bunka bunka-cela">Buňka dlouhá přes celý řádek</div> </div> <div class="radek"> <div class="bunka">Buňka</div> <div class="bunka">Buňka dlouhá</div> <div class="bunka">Buňka</div> <div class="bunka">Buňka</div> <div class="bunka">Buňka hodně dlouhá</div> <div class="bunka">Buňka</div> <div class="bunka">Buňka</div> </div> <div class="radek"> <div class="bunka bunka-cela">Buňka dlouhá přes celý řádek</div> </div> <div class="radek"> <div class="bunka">Buňka</div> <div class="bunka">Buňka dlouhá</div> <div class="bunka">Buňka</div> <div class="bunka">Buňka</div> <div class="bunka">Buňka hodně dlouhá</div> </div> <div class="radek"> <div class="bunka bunka-cela">Buňka dlouhá přes celý řádek</div> </div> <div class="radek"> <div class="bunka">Buňka</div> <div class="bunka">Buňka dlouhá</div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.tabulka { display: table; border:1px solid black; position: relative; width:400px; } .radek { margin-top:28px; width: 100%; } .bunka { display: table-cell; height:28px; width:1%; border:1px solid #000000; } .bunka-cela { width:100%; position:absolute; margin-top:-28px; left:0; right:0; box-sizing: border-box; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>