0

私はReveal.jsでオンラインプレゼンテーションを作成しています

デフォルトでは、コンテンツは画面の中央に配置されます。ソースコードをダウンロードし、コンピューターのメモ帳でプレゼンテーションを作成しましたが、完璧でした。しかし、プレゼンテーションをWebサイトにオンラインで配置すると、コンテンツは水平方向に中央揃えになります。 、ただし垂直方向ではありません。

ソースコードはまったく同じですが、出力が異なります。ここに出力があります。中身が縦中央にないので手動で入れてみました

    <div style="position: absolute;      
     top: 50%"
         >text</div>

しかし、出力は50％にはほど遠いです...（上：40px、左：50px前後（いくつかの無関係な奇妙な位置）

トラブルシューティングのヒントはありますか？

奇妙なことに、メモ帳で使用したソースコードをコピーしてPCに貼り付け、オンラインで貼り付けると、出力が異なります。

これがhttp://jsfiddle.net/uSGe4/の作業コードです。

内容はデフォルトで垂直方向に中央揃えされていますが、まったく同じコードをブロガーに貼り付けると、内容物は垂直方向に中央揃えになりません。http://derpina.ilovetrolls.org/2013/02/test.html#/

4

1 に答える 1

1

これを削除します：

    .reveal.center,.reveal.center .slides,.reveal.center .slides section{
            min-height:auto!important
    }

その後はうまくいくようです

于 2013-02-03T07:04:27.650 に答える