2013-09-21 72 views
7

我有兩列幻燈片中的代碼對齊問題。Slidify:代碼對齊

enter image description here

這裏是我的這張幻燈片代碼,

--- &twocol 

## Sample R Codes 

*** =left 

```{r, echo=FALSE} 
options(width=30) 
``` 


```{r, fig.height=5.5,highlight=TRUE, fig.show='hide',tidy=TRUE} 
mvreg.sim <- function(xcov,beta1=matrix(c(0.7, 0.2, 0.2, 0.7), 
      nr = 2, nc = 2), err.mu=c(0,0), 
      err.sigma=matrix(c(100,0,0,100), nr=2)){ 
    library(mvtnorm) 
    N <- nrow(xcov) 
    e <- rmvnorm(N, mean = err.mu, sigma = err.sigma) 
    y <- matrix(NA, nrow = N, ncol = 2) 
    for(i in 1:N){ 
    y[i,] <- (xcov[i,])%*%beta1 + e[i,] 
    } 
    return(y) 
} 
``` 

*** =right 

This is the explanation of the plot. 

```{r, fig.height=5.5,highlight=TRUE,echo=FALSE} 
x <- seq(0,10, by = 0.01) 
y <- x 
plot(x, sin(y), xlab = 'x-axis', ylab = 'sin(x)', main = 'Sample Plot') 
``` 

我是新上的HTML小知識slidify。我使用tidy=TRUEoptions(width=60)來控制框內代碼的寬度,但對齊方式會受到影響。我想要將對齊設置爲右對齊。任何幫助是極大的讚賞。

回答

10

問題是因爲Slidify中心默認的兩列布局對齊了左列(我將在下一個版本中修復它)。這是使用的兩列模板。

--- 
layout: slide 
--- 
{{{ slide.content }}} 
<div style='float:left;width:48%;' class='centered'> 
    {{{ slide.left.html }}} 
</div> 
<div style='float:right;width:48%;'> 
    {{{ slide.right.html }}} 
</div> 

最簡單的解決將是保存上述佈局twocol.html在目錄assets/layouts然後取出class = "centered"。自定義佈局自動覆蓋系統佈局。只需確保您將文件放入assets/layouts中,因爲這是Slidify將查找自定義佈局的位置。

+0

是否有繼承佈局的機制? – agstudy

+0

是的。一個非常簡單的機制。例如,雙協同佈局從幻燈片佈局繼承而來,僅僅用{{{slide.content}}}替換子內容。很容易擴展這種機制來進行任意替換,但我還沒有找到一個好的用例來支持這一點。 – Ramnath