Как можно выравнить числа в таблице по точке или запятой?

#css #html5 #табличная_верстка

Существует возможность средствами HTML+CSS выравнить в таблице, в теге TD числа по
определенному знаку (по точке или запятой)?
Например:

----
  153.12
   98.357
  753.00
    0.002
   15
32145.9998   

    

Ответы

Ответ 1

Делается разбиением данных на две части. А сортировка делается по атрибуту data.
Плюсом этого решения является то что данные можно копировать через выделение.



.start {
  display: inline-block;
  width:50px;
  text-align:right; 
}

     123.01


     1.122


     22.1
 

     12345.111



Ответ 2

Ну почти ))) Через data- атрибуты.



div {
  position: relative;
  margin-left: 3em;
}

div::before {
  content: attr(data-before);
  text-align: right;
  width: 5em;
  position: absolute;
  left: -5em;
}

div::after {
  content: attr(data-after);
  position: absolute;
}
.
.
.
.
 
.