[CSS] Dopasowująca się szerokość kolumny z licznikiem

[look997 0]

Chcę, żeby kolumna z licznikiem, w sekcji Grubsze miała dynamicznie dopasowaną szerokość - do szerokości najdłuższego numeru.

 

https://github.com/look997/Tasks-Notepad

 

Podgląd:

https://cdn.rawgit.com/look997/Tasks-Notepad/master/index.html

[januzi 24]

narysuj może co chcesz osiągnąć

[look997 0]

narysuj może co chcesz osiągnąć

Tam jest szerokość kolumny z liczbami ustawiona na sztywno.

chcę, aby rozszerzała się(kosztem głównej treści) gdy np. dojadę do 100 wiersza.

 

Legenda:

l - liczba

t - treść

- pustka

 

Liczba wierszy < 100.

llttttt---
llttt-----
lltttt----

 

Dodany kolejny wiersz, przekraczający np. z 99 do 100 wiersza. Szerokość całego kontenera ma się nie zmieniać.

-llttttt--
-llttt----
-lltttt---
llltttt---

 

 

 

Ładny "rysunek"?

[januzi 24]

ul li ?

 

1. table

2. js liczący max szerokość i ustawiający potem szerokość elementom

3. dwa divy z floatem left, pierwszy z text-align: right, margin-right, na końcu coś co skasuje float; w pierwszym numery, w drugim teksty; te same elementy rozdzielające, żeby nie było różnic w wysokościach

[look997 0]

ul li ?

 

1. table

2. js liczący max szerokość i ustawiający potem szerokość elementom

3. dwa divy z floatem left, pierwszy z text-align: right, margin-right, na końcu coś co skasuje float; w pierwszym numery, w drugim teksty; te same elementy rozdzielające, żeby nie było różnic w wysokościach

 

ul li nie, ponieważ te liczby mają być też przyciskami drag and drop.

table próbowałem i miałem z tym problemy. Raczej nie da się zrobić tak, żeby teksty wypełniały przestrzeń a jednocześnie numery nie rozgniatały się do pojedynczego wyrazu w wierszu. A może jednak?

 

2 i 3. Na pewno można, ale jednak chciałem bez mieszania JS z CSS, ach te ideały... Pewnie nie będę miał wyjścia. Teoretycznie wystarczy proste sprawdzenie ostatniego elementu na liście, bo tylko tam pojawia się nowa liczba, nawet jakbym dodał nowy element w środku listy to numery same się zmieniają.

Jednak wolałbym tego uniknąć.