2016-01-24 22 views
1

我可以用我的CSS更改設計我的Gitbook網站。
但是,我不明白應用CSS到PDF。無法在Gitbook上反映PDF的PDF

當我對網站使用與CSS相同的CSS作爲CSS時,結果不一樣。
我認爲PDF的CSS似乎不工作正常。

我寫了如下的book.json

"plugins": ["styles-sass", "image-captions"], 
"styles": { 
    "website": "styles/website.scss", 
    "pdf": "styles/pdf.scss" 
} 

pdf.scss如下。

.book { 
    .book-body { 
     .page-wrapper { 
      .page-inner { 
       section.normal { 
        h1 { 
         text-align: center; 
        } 
       } 
      } 
     } 
    } 
} 

請告訴我,這個操作是正確的。
或者如果您有任何有關pdf.css的樣品,請告訴我。

+0

使用CSS設計PDF文檔的樣式?這對我來說是新的 – Aziz

+0

,我認爲當你鏈接一個CSS文件時它必須是生成的(點CSS)而不是SASS文件,SASS文件不會被編譯,我不認爲瀏覽器會理解它們AFAIK – Aziz

+0

@Aziz是的,Gitbook支持使用CSS對PDF進行樣式設計。你可以看到https://help.gitbook.com/styling/book.html。但是我不明白怎麼寫。我認爲pdf.css與website.css不一樣。 當我上傳文件到Gitbook時,SASS文件可以自動編譯成CSS。我認爲使用SASS文件是沒有問題的。 – nutti

回答

0

我解決了這個問題。
Gitbook默認設置爲/home/<UserName>/.gitbook/versions/2.6.7/theme/assets/ebook/pdf.css
然後,我在此文件中找到了.section.toc>h1{text-align:center;}
所以我寫了如下,它工作正常。

.section { 
    &.toc { 
     >h1 { 
      text-align:right; 
     } 
    } 
} 

如果使用上面的樣式表,則表格內容標題是對齊的。
和其他風格將設置爲相同的方式。

謝謝!