我有一个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:

enter image description here

但是我想让文本覆盖整个页面!

README.hmtl范围内,车身样式指定为:

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%;作为属性,会产生所需的行为:

enter image description here

在生成文档(即包含min-width:80%;属性)时,如何使pandoc自动生成跨整个页面的html?

推荐答案

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

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

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

Html相关问答推荐

HTML::Element endtag为br和IMG生成结束标签>

后续使用收件箱从网页表中提取值

从网络抓取中提取文本

Font Awesome 6插入符号未显示

CSS:显示块,第一个项目没有正确对齐

创建带有弯曲边框的水平时间线

如何使用HTML和css代码在vb.net上打印POS

在弹性框布局中的第n个元素后强制换行

有没有什么方法可以很容易地给一个SVG一个插框阴影?

Html视频标签:圆角像素化

我如何确保我的网格永远不会小于它的子网格

如果最后一行的卡数少于其他行,则在使用flex grow使卡在调整大小时拉伸后,flex卡的宽度将被拉伸

rmarkdown HTML数字不适用于针织衫_1.44

按钮悬停效果不影响按钮内的图标

使用HTML和CSS构建简历网站.无法使body元素内的div元素跨越整个网站高度

将现有内容拆分为三列或部分

在shiny 的应用程序中使用图标功能时出错