通过Pandoc将Markdown转换为HTML全页宽

Question

我有一个Markdown文件test.md

。

---
title: README TCC
numbersections: true
---

# README
sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm saldnmflasnfjlsanfjlnsajlfnjslnf sadfnasjlfdnlasd sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm sdfsafdasfdijmsldfnmlsnmkldfnmlsnmfdnmsaklm

我通过 pandoc -s --toc ./test.md -o README.html --number-sections 将其转换为html文件。

这是在chrome中查看的结果：README.html：

但我想让文本跨越整个页面！

在 README.hmtl 中，body的样式被指定为：

body {
  margin: 0 auto;
  max-width: 36em;
  padding-left: 50px;
  padding-right: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  hyphens: auto;
  word-wrap: break-word;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
}

将min-width:80%;作为属性添加，即可实现所需行为：

当生成文档时，我如何让pandoc自动生成跨越整个页面的html，即包括min-width:80%;属性？

- newandlost

---

我认为这可能是你正在使用的假数据的结果，因为每个「单词」都很长，我认为这种布局可能只是换行的结果。你尝试过用更传统的lorem-ipsum风格的假数据，使用更短的单词吗？ - DBS

@DBS 我调整了我的问题，如您所见，文本可以跨越整个页面，设置正确的HTML样式属性。 - newandlost

Answer 1

将以下代码片段放置在Markdown文档的任何位置：

``` {=html}
<style>
body { min-width: 80% !important; }
</style>
```

这将覆盖默认的min-width设置。

- tarleb