带有Markdown v2和ioslides的自定义表

时间:2014-09-16 12:58:02

标签: css r knitr

我正在使用R Markdown v2和ioslides进行演示。我默认在表格中得到的字体有点小。

例如:

---
title: "Never put off 'till tomorrow?"
author: "Ignacio Martinez"
date: "09/23/2014"
output:
  ioslides_presentation:
    incremental: yes
    css: ./styles.css
    logo: ./img/rotunda.png 
    widescreen: yes
    self_contained: true
    font-import: http://fonts.googleapis.com/css?family=Ubuntu
    font-family: Ubuntu
runtime: shiny

---

## Estimates (OLS)

|                    |          Certificate|
|-------------------:|--------------------:|
|Took Quiz 1 on Day 1|          0.154\*\*\*|
|                    |          (0.003)    |
|Constant            |          0.006\*\*\*|
|                    |          (0.002)    |
|N                   |               23,463|

如何增加字体大小?

1 个答案:

答案 0 :(得分:6)

我不喜欢默认CSS文件的颜色方案或间距,所以我写了这个。它适用于ioslides_presentation和html_document。

table,
.table-condensed,
table.rmdtable {
  width: auto;
  margin-left: auto;
  margin-right: auto;
}
table,
.table-condensed,
table.rmdtable,
table.rmdtable .header th,
.table > thead > tr > th {
  border-collapse: collapse;
  border-style: solid;
  border-spacing: 0;
  border-width: medium 0 medium 0;
  border-color: inherit
}
table.rmdtable th,
table.rmdtable td,
table th,
table.rmdtable tr > td:first-child,
table.rmdtable .even {
  font-size: 100%;
  padding: 0.4em 0.5em;
  color: inherit;
  background: #FFF;
  font-weight: normal;
}
.table > tbody > tr > td {
  border-width: 0;
}

如果您想修改其他内容,可以检查现有值并在大多数浏览器中使用它们。在Firefox中,右键单击要更改的内容,然后选择“检查元素”。将弹出源并突出显示该元素;活动的CSS显示在右侧。您可以停用它的一部分以查看它们的效果。