文章のタイポグラフィ

mdui は mdui-prose と mdui-table という CSS クラスを提供しており、文章やテーブルのスタイルを最適化します。

文章のスタイリング

文章の親要素に mdui-prose クラスを追加すると、文章全体の表示スタイルを最適化できます。これには文章内の <table> テーブルのスタイルも含まれます。例えば：

<div class="mdui-prose">
  <h1>見出し</h1>
  <p>本文</p>
  <table></table>
</div>

テーブルのスタイリング

<table> 要素に mdui-table クラスを追加すると、テーブルの表示スタイルを最適化できます。例えば：

<table class="mdui-table"></table>

テーブルを親要素内で横方向にスクロール可能にしたい場合は、<table> 要素の親要素に mdui-table クラスを追加します。例えば：

<div class="mdui-table">
  <table></table>
</div>