如何调整Rmarkdown生成HTML文档的标题与副标题间距?
调整RMarkdown HTML文档标题与副标题的垂直间距
要解决HTML输出里主标题、副标题、作者信息间距过大的问题,直接通过CSS调整元素的**margin(外边距)**属性即可——这是HTML控制垂直间距的核心方式,替代LaTeX里的\vspace。
修改你的CSS样式,通过给标题类设置负的外边距值来缩小间距:
--- title: "for question" subtitle: "is too far away" author: "CAWA" output: html_document ---
<style type="text/css"> h1.title { font-size: 38px; text-align: center; /* 减少主标题下方的外边距,让副标题上移 */ margin-bottom: -15px; } h3.subtitle { font-size: 18px; text-align: center; /* 减少副标题上方的默认外边距,拉近与主标题的距离 */ margin-top: 0; /* 减少副标题下方的外边距,拉近与作者信息的距离 */ margin-bottom: -10px; } h4.author { font-size: 12px; text-align: center; /* 减少作者信息上方的默认外边距 */ margin-top: 0; } </style>
关键说明:
margin-bottom:控制元素下方的空白区域,设为负值会让下方元素直接往上“贴近”当前元素margin-top:控制元素上方的空白区域,设为0或负值可以消除HTML元素默认的间距- 你可以根据需求自由调整具体数值(比如-20px、-5px),直到达到满意的间距效果
内容的提问来源于stack exchange,提问作者CAWA
相关产品推荐
相关产品推荐

