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
<title>Zalomení dlouhých slov v display: inline-block</title> <h1>Zalomení dlouhých <i>slov</i> v <code>display: inline-block</code></h1> <h2>Nefunkční <code>word-wrap: break-word;</code></h2> <div class="container"> <div class="text"> Normální text </div> <div class="text" style="word-wrap: break-word"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> <div class="text"> Normální text </div> </div> <h2>Funkční <code>word-break: break-all</code></h2> <div class="container"> <div class="text"> Normální text </div> <div class="text" style="word-break: break-all"> aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> <div class="text"> Normální text </div> </div>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.text { background: #ccc; display: inline-block; } .container { width: 300px; border: 1px solid red; }
CSS
Autoformát
CSS reset
Až na konci
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>