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="table"> <div class="table-row"> <div class="table-cell"> <img src="http://images.cdn.autocar.co.uk/sites/autocar.co.uk/files/styles/gallery_slide/public/vw-golf-r-rt-001.jpg?itok=haQUETEy" alt=""> </div> </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.table { width: 300px; height: 300px; border: 1px solid red; display: table; } .table-row { display: table-row; } .table-cell { display: table-cell; background: gold; } img { max-width: 100%; height: auto; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>