impress.js中的幻灯片边距较小？

Question

Impress.js似乎默认为带有巨大左边距的幻灯片（或填充 - 我无法让Firefox的Inspector清楚地告诉我）。我有一张带有相当宽的<pre>块的幻灯片，如果它实际上是左对齐的，它将适合，但不适合默认幻灯片。

我玩过CSS，我似乎无法弄清楚如何获得一张幻灯片（或一些幻灯片）占用完整的可用屏幕空间。 FWIW，这就是我想要的东西（是的：如果你是国民队的粉丝，你会注意到内容中有些东西。我有理由这样做。）。这是我的幻灯片：

    <div class="step slide" data-x="2000" data-y="850"><pre>
NAME: Sean Burnett POS: RP AGE: 30 WT: 200 BORN: Dunedin, FL SALARY: 2350000
NAME: Tyler Clippard POS: RP AGE: 27 WT: 200 BORN: Lexington, KY SALARY: 1650000
NAME: Ross Detwiler-Smith POS: SP AGE: 26 WT: 174 BORN: St. Louis, MO SALARY: 485000
NAME: Christian Garcia POS: RP AGE: 27 WT: 215 BORN: Miami, FL SALARY: N/A
NAME: Gio Gonzalez POS: SP AGE: 27 WT: 205 BORN: Hialeah, FL SALARY: 3335000
NAME: Mike Gonzalez POS: RP AGE: 34 WT: 215 BORN: Robstown, TX SALARY: N/A
NAME: Ryan P. Mattheus POS: RP AGE: 28 WT: 215 BORN: Sacramento, CA SALARY: 481000
NAME: Craig Stammen POS: RP AGE: 28 WT: 200 BORN: Coldwater, OH SALARY: 485000
NAME: Drew Storen POS: RP AGE: 25 WT: 180 BORN: Indianapolis, IN SALARY: 498750
NAME: Jordan Q. Zimmermann POS: SP AGE: 26 WT: 218 BORN: Auburndale, WI SALARY: 2300000</pre>
    </div>

我最终得到了这个：

如果我可以使用全屏，那么文本就可以了。

任何人都可以建议一些CSS，让我强制该幻灯片使用impress.js中的完整可用屏幕空间？我尝试使用float: left;和边距宽度，但这里的CSS不在我的联盟中，而且我还没有看到一个没有留在那么大边缘的印象演示。

我看了很多演示和示例幻灯片放映，他们似乎都习惯于将屏幕的左边20％放到开放空间。

Answer 1

有几种方法可以摆脱边际。让我们从:开始尝试设置边距。

你是否也设置了pre元素的宽度？你可以试试这个

p {
   width: 80%;
   margin: 0 auto;
}