# HTML Table 안에 숫자 읽기 좋게 정렬하게 만드는 CSS 한 줄

> Clean Markdown view of GeekNews topic #979. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=979](https://news.hada.io/topic?id=979)
- GeekNews Markdown: [https://news.hada.io/topic/979.md](https://news.hada.io/topic/979.md)
- Type: news
- Author: [xguru](https://news.hada.io/@xguru)
- Published: 2019-11-27T11:52:09+09:00
- Updated: 2019-11-27T11:52:09+09:00
- Original source: [robinrendle.com](https://www.robinrendle.com/notes/the-smallest-difference.html)
- Points: 8
- Comments: 2

## Topic Body

table { font-variant-numeric: tabular-nums; }

통계 보기 화면 및 관리자 도구를 만들때 숫자를 여러줄 표시해야한다면 가독성에서 큰 차이를 보여주는 한 줄

## Comments



### Comment 642

- Author: sduck4
- Created: 2019-11-27T12:29:09+09:00
- Points: 1

그냥 고정폭 폰트 쓰는게 더 간단할 것 같기도..

### Comment 643

- Author: xguru
- Created: 2019-11-27T13:43:41+09:00
- Points: 2
- Parent comment: 642
- Depth: 1

아무래도 폰트가 고정되면 디자인적 요소를 죽이는 수밖에 없으니까요.

아래 링크가 tabular 한 폰트의 느낌을 더 자세히 보여주는 듯 합니다.

https://www.typography.com/blog/fonts-for-complex-data