質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.35%
Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

Q&A

解決済

1回答

7695閲覧

Markdownの出力物の行間を小さくしたい

saki_ABC

総合スコア13

Markdown

Markdownは、文書の構造、修飾情報を記述するための軽量マークアップ言語です。

0グッド

1クリップ

投稿2020/03/02 09:11

前提・実現したいこと

行間を小さくしたい

発生している問題・エラーメッセージ

下記のようなマークダウンにて記載をしたところ、
HTML or PDF 化した際にネスト0-ネスト1間他について、大きな行間が空いてしまいます。
こちらについて、設定の変更をする方法はないでしょうか。
教えてくださいませ。

おそらく埋め込まれたCSSの設定が原因だと思うのですが、
そのあたりの変更部分が検討つきません。

皆さんは下記のように、
ネストの深いドキュメントを記載する際にはどのように書いていますか。
参考になりそうであれば、教えて下さい。

MARKDOWN

1# テスト 2 3* 1.ネスト0 4 * 1.1.ネスト1 5 あれこれ 6 7 * 1.2.ネスト1 8 * a.ネスト2 9 * a-1.ネスト3 10 あれこれ 11 12 * a-2.ネスト3 13 あれこれ

イメージ説明

試したこと

PDF化の際にも、htmlファイルが出力されることから、

<div style> 句によりCSSのpadding・marginを変更してみた。(大きくはできるが小さくできない) line-heightを変更したところ、行間はなくなったがレイアウトが崩壊しました。

環境

Windows 10 64bit

Visual Studio Code

  • addin
    Markdown All in One
    Markdown PDF

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答1

0

ベストアンサー

当方CSSとかまるで知識のないド素人ですので,クソみたいなことを書いているかと思います.
その場合には,遠慮なく低評価してください.


個人的にMarkdownで書いたメモをpandocというソフトでhtmlに変換していますが,
箇条書きの行間がこの質問とは逆に狭すぎると感じ,
CSSとやらに

li { padding-top:4px; padding-bottom:4px; }

と書いて調整しています.

投稿2020/03/05 02:04

fana

総合スコア11996

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

saki_ABC

2020/03/09 05:02

回答いただきありがとうございます。 chromeの検証機能で見たところ、margin-block-start,endが大きくとられていることが原因の様でした。 回答と同様に、 p { margin-block-start:7px; margin-block-end:7px; } と書いたところうまく行間の調整ができました。 ありがとうございます!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.35%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問