css - 如何增加幻灯片内容的宽度?

标签 css gitpitch

或者指定格式为 16:9 之类的?

我需要在幻灯片上放置更多文本(我真的无法缩写的引号)。尝试 .reveal .slidessection>*width: 1280px150% 的各种组合(源自gitpitch/wiki/Slideshow-Custom-CSS#Example-2 ) 没有帮助。

最佳答案

很久以前就有人问过这个问题,但我现在要回答(虽然晚了),因为答案可能对将来这个 SO 线程的新访问者有帮助。

提供的示例演示文稿中的第 3 张幻灯片使用了 Markdown block 引用。该 block 引用最终呈现为 HTML block 引用,默认 width css 样式设置为 70%。默认的 70% 宽度来自默认的 GitPitch/reveal.js 白色主题。

因此,为了将更多文本放入您不想使用自定义 CSS 的引号中,请尝试更改幻灯片本身的宽度。您想使用自定义 CSS 修改默认主题,使 block 引用使用超过 70% 的幻灯片宽度。

这可以使用以下 CSS 片段非常简单地实现:

.reveal blockquote { width: 90% }

在这种情况下,如果您使用此自定义 CSS,您的幻灯片将使用 90% 的幻灯片宽度呈现引号。通过这种方式,您可以在单张幻灯片的引文中放置更多文本。

要在 GitPitch 演示文稿中使用自定义 CSS,请参阅以下内容 GitPitch Wiki page for details .

关于css - 如何增加幻灯片内容的宽度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42038890/

相关文章:

jquery - 如何获得默认外观

github - gitpitch 如何与私有(private) github 存储库一起工作?

当两个 div 彼此正下方时,左侧 div 之前的 CSS 大空间

html - 使用单个元素创建带有切换和文本的按钮

html - 图片底部和边框之间的空间从哪里来

.net - 在浏览器中使用 View 时,CSS 未在 ASP.NET 站点中加载