繁体   English   中英

通过pandoc整页宽度降价到html

[英]markdown to html via pandoc full page width

我有一个降价文件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%; 财产?

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

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

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

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM