HTML Table 内の数字を読みやすく整列させる CSS 1行 (robinrendle.com) 8 ポイント 投稿者 xguru 2019-11-27 | 2件のコメント | WhatsAppで共有 table { font-variant-numeric: tabular-nums; } 統計表示画面や管理ツールを作るときに、数字を複数行に表示するなら、可読性に大きな違いを生む 1 行。 関連記事 文章を読みやすくするCSSコード 100バイト 11 ポイント · 2件のコメント · 2021-10-29 テーブル見出しを固定してください 4 ポイント · 1件のコメント · 2024-02-25 多言語化(i18n)のためのCSS整理 6 ポイント · 1件のコメント · 2020-04-30 最新の1行でできるCSSアップグレード 22 ポイント · 5件のコメント · 2024-02-01 CSS、2024年についに「縦方向中央揃え」が追加 35 ポイント · 29件のコメント · 2024-09-03 2件のコメント sduck4 2019-11-27 単に等幅フォントを使うほうが、むしろもっと簡単な気もする.. xguru 2019-11-27 やはりフォントを固定してしまうと、デザイン的な要素を損なうしかないですからね。 下のリンクが、tabular なフォントの雰囲気をより詳しく見せているようです。 https://www.typography.com/blog/fonts-for-complex-data
2件のコメント
単に等幅フォントを使うほうが、むしろもっと簡単な気もする..
やはりフォントを固定してしまうと、デザイン的な要素を損なうしかないですからね。
下のリンクが、tabular なフォントの雰囲気をより詳しく見せているようです。
https://www.typography.com/blog/fonts-for-complex-data