web-dev-qa-db-fra.com

Des tables de Markdown pleine largeur?

Jusqu'à présent, j'ai obtenu le formatage et le centrage du texte dans les tableaux Markdown, mais je n'ai rien trouvé en termes de contrôle des dimensions du tableau par rapport au conteneur extérieur (au moins autre que le fait qu'il rétrécira automatiquement lorsqu'il est trop grand en enveloppant texte.)

Est-il possible de créer une table dans Markdown qui s'étire sur toute la largeur disponible? Si oui, comment y parvenez-vous?

markdowngithub-flavored-markdown
7
CoryG

Définissez un style CSS pour la table:

table {
    width:100%;
}

Comme le Markdown règles déclare:

La syntaxe de Markdown est destinée à un seul but: être utilisée comme format d'écriture pour le Web.

Markdown n'est pas un remplacement pour HTML, ni même proche de lui. ... L'idée de Markdown est de faciliter la lecture, l'écriture et l'édition de la prose. HTML est un format de publication ; Markdown est un format d'écriture . Ainsi, la syntaxe de formatage de Markdown ne traite que les problèmes pouvant être transmis en texte brut.

Comme Markdown est un "format d'écriture" et non un format de publication, il ne fournit pas de moyen de "styliser" le texte. Bien sûr, par défaut, Markdown génère du HTML, donc la question appropriée à poser est de savoir comment réaliser le style que vous souhaitez en HTML. Et la réponse à cela est d'utiliser CSS pour définir la largeur à 100% (voir le tableau html couvre toute la largeur? ).

La question suivante est de savoir comment obtenir la sortie pour utiliser cette définition CSS. La réponse à cela dépend de la façon et de l'endroit où le Markdown est rendu. Si vous avez un contrôle total, vous incluriez probablement la règle CSS dans les règles CSS existantes de votre site. Au moins, vous pouvez inclure la règle dans un <style> tag dans le <head> pour votre document.

Si vous n'avez pas le contrôle de la page entière, vous pouvez simplement inclure une balise de style quelque part dans le Markdown lui-même. Markdown passe par HTML non modifié, de sorte que cela ne casserait rien. Comme ça:

<style>
table {
    width:100%;
}
</style>

Il y a aussi la possibilité de définir le style en ligne dans un HTML <table> tag, mais cela ne fonctionne que si vous créez manuellement votre code HTML. Comme vous voulez que Markdown génère le HTML pour vous, alors ce n'est pas une option utile.

Enfin, si votre Markdown est rendu par un site tiers (comme StackOverflow ou GitHub), ce site peut avoir diverses mesures de sécurité en place qui rendraient toutes ces options impossibles. Par exemple, voir Est-il possible d'avoir une table au centre dans la démarque Github Gist?

5
Waylan

Comme le dit Waylan, Markdown se soucie du contenu , pas de la présentation. Sa solution fonctionnera si vous contrôlez où et comment votre contenu est rendu.

Mais dans certains cas, par exemple sur GitHub, vous n'avez pas ce contrôle. Dans le cadre de son Markdown pipeline de rend

Le code HTML est nettoyé, supprimant de manière agressive les éléments qui pourraient vous nuire ainsi que vos proches, tels que les balises script, les styles en ligne et les attributs class ou id. Voir le filtre de désinfection pour la liste blanche complète.

Sur GitHub, vous devrez vivre avec les règles de rendu de GitHub.

2
Chris