如何在R Markdown的_site.yml中拆分导航栏文本为两行
解决R Markdown网站导航栏文本换行问题
要实现导航栏文本换行,需要结合HTML标签和自定义CSS(默认导航栏样式会强制文本不换行),具体步骤如下:
- 修改
_site.yml中的导航项文本,使用HTML的<br>标签插入换行:
name: "SampleWeb" navbar: title: "SampleWeb" left: - text: "Home" href: index.html - text: "Descriptive Analysis" href: descriptive_analysis.html - text: "Baseline GWAS<br>Covariate-Sex" href: gwas_baseline.html
- 在网站根目录创建
styles.css文件,覆盖导航栏的强制不换行样式:
.navbar-nav li a { white-space: normal; line-height: 1.2; /* 可根据需求调整行高,优化两行文本的间距 */ }
- 在
_site.yml中引入这个CSS文件,确保样式生效:
name: "SampleWeb" navbar: title: "SampleWeb" left: - text: "Home" href: index.html - text: "Descriptive Analysis" href: descriptive_analysis.html - text: "Baseline GWAS<br>Covariate-Sex" href: gwas_baseline.html output: html_document: css: styles.css
完成以上步骤后重新构建网站,导航栏中的"Baseline GWAS Covariate-Sex"就会拆分为两行显示。
内容的提问来源于stack exchange,提问作者zhuzhu meng
相关产品推荐
相关产品推荐

