Typografie

mdui bietet die CSS-Klassen mdui-prose und mdui-table, die speziell für die Optimierung des Stils von Artikeln und Tabellen entwickelt wurden.

Artikel-Typografie

Sie können die Klasse mdui-prose zum übergeordneten Element eines Artikels hinzufügen, um den Anzeigestil des gesamten Artikels zu optimieren, einschließlich des Stils von Tabellen (<table>) im Artikel. Zum Beispiel:

<div class="mdui-prose">
  <h1>Überschrift</h1>
  <p>Fließtext</p>
  <table></table>
</div>

Tabellenstil

Durch Hinzufügen der Klasse mdui-table zu einem <table>-Element wird der Anzeigestil der Tabelle optimiert. Zum Beispiel:

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

Wenn Sie möchten, dass die Tabelle innerhalb ihres übergeordneten Elements horizontal scrollbar ist, können Sie die Klasse mdui-table zum übergeordneten Element des <table>-Elements hinzufügen. Zum Beispiel:

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