1. ホーム
  2. markdown

[解決済み] Markdownでテーブルの列幅を設定する

2023-05-23 09:09:15

質問

私は、あるプロジェクトで スレート を使用するプロジェクトがあります。このプロジェクトでは、以下の形式でテーブルマークアップを使用できます。

Name | Value
-------|-------------------
`Value-One` | Long explanation
`Value-Two` | Long explanation
`etc` | Long explanation

私の問題は、最初のカラムのレンダリングが狭すぎて、コンテンツを1行で表示するのではなく、ラップしている(つまり、コードの値を2行に分割している)ことです。私の希望は、最初の列が名前/キーを完全に表示できるほど広く、次に 2 番目の列が利用可能なスペースの残りを占めることができることです。

私の質問は、マークアップによって列の幅を設定すること、または少なくともマークアップによってテーブルにクラスを追加することが可能かどうか (したがって、どのように) です (そうすれば、CSS によって特定のテーブルをスタイル設定できます)。それとも、もっと良い方法があるのでしょうか?私は、完全な HTML でテーブルを書き出す必要がないことを希望します (これは最後の手段オプションになります)。

どのように解決するのですか?

あなたの場合、これがうまくいくかどうかはわかりません。

テーブルをdivで囲んで、CSSでスタイルを指定してみてください。

<div class="foo">

Header | header
------ | -----
Bar | bar

</div>

CSSです。

.foo table {
  styles...
}

動作するはずです。

お役に立てたなら幸いです。