2016-12-07 14 views
0

の左ページの余白にリスト項目を並べるにはどうすればいいですか?R reveal.jsでスライドをマークダウンする:リストアイテム(箇条書きと数字)を左揃えにする方法は?

この1つ下の他のすべてのリスト項目の左整列後、スライドでそれを中心に、revealjsは常に最長のリスト項目のテキストを使用しているようだ:私は後にCSSスタイルシートを埋め込むしようとしてい

--- 
title: 
output: 
     revealjs::revealjs_presentation 
--- 

## list items 
* a 
* picture 
* says more 
* than a thousand words 

or 

1. item 1 
1. item 2 

<style type="text/css"> 
    .reveal li { 
    text-align: left; 
    } 
</style> 

PS:スライドヘッダは、しかし それが影響を与えることはありません、私はrevealjsパッケージにRStudioを使用しています。

答えて

6

解決策が見つかりました。私がいないだけ揃え順不同とリスト項目を命じたが、また次の埋め込みスタイルを使用して段落テキスト左一貫性のあるレイアウトのために

--- 
title: 
output: 
     revealjs::revealjs_presentation 
--- 

## list items 

<style type="text/css"> 
    .reveal p { 
    text-align: left; 
    } 
    .reveal ul { 
    display: block; 
    } 
    .reveal ol { 
    display: block; 
    } 
</style> 

* a 
* picture 
* says more 
* than a thousand words 

or 

1. item 1 
1. item 2 

出典:

  1. あなたがリストを閲覧することができますrevealjsが定義してアクティブなプロパティ値を見つけるスタイルを定義します:

    https://github.com/hakimel/reveal.js/blob/master/css/theme/template/theme.scss

  2. さまざまなプロパティ値のセマンティクスを調べて、目的のレイアウトeを見つけます。 g。

    http://www.w3schools.com/cssref/pr_class_display.asp

displayプロパティ
関連する問題