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>Test přesného zarovnání na desetinnou čárku</title> <h1>Test přesného zarovnání na desetinnou čárku</h1> <ul class="zarovnat-cisla"> <li><span class="cele-cislo">10</span>,518</li> <li><span class="cele-cislo">0</span>,8</li> <li><span class="cele-cislo">1810</span>,58</li> <li><span class="cele-cislo">10</span>,18</li> </ul> <ul class="zarovnat-cisla"> <li><span class="cele-cislo">1</span>,8</li> <li><span class="cele-cislo">100 010</span>,518</li> <li><span class="cele-cislo">0</span>,8</li> <li><span class="cele-cislo">1 810</span>,58</li> <li><span class="cele-cislo">10</span>,18</li> </ul>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
.cele-cislo { display: inline-block; text-align: right; }
CSS
Autoformát
CSS reset
Až na konci
var kZarovnani = document.querySelectorAll(".zarovnat-cisla"); for (var i = kZarovnani.length; i--; ) { var cisla = kZarovnani[i].querySelectorAll(".cele-cislo"); var sirka = 0; for (var j = cisla.length; j--; ) { var sirkaCisla = cisla[j].offsetWidth; sirka = (sirkaCisla > sirka) ? sirkaCisla : sirka; } for (var j = cisla.length; j--; ) { cisla[j].style.width = sirka + "px"; } }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>