如何防止reveal.js标题中的换行

Question

我目前正在使用reveal.js制作幻灯片，想知道如何防止标题中单词内部的换行？也许我错过了文档的某个部分，但是我没有头绪。

例如，<h1>Some reallongword</h1>最终显示为<h1>Some reall \n ongword</h1> 更新：我已经在标题中手动添加了<br>。不确定这是否是最好的解决方案，但至少似乎起作用了。

- frlan

Answer 1

一个月晚了，但是为了参考而发布。

在 /css/reveal.css 文件中，此代码位于第70行左右。

.reveal h1,
.reveal h2,
.reveal h3,
.reveal h4,
.reveal h5,
.reveal h6 {
    -webkit-hyphens: auto;
       -moz-hyphens: auto;
            hyphens: auto;

    word-wrap: break-word;
    line-height: 1;
}

您可以将其更改为：

-webkit-hyphens: manual;
   -moz-hyphens: manual;
        hyphens: manual;

word-wrap: normal;

或者将更改嵌入到index.html本身中。

<style type="text/css">
        .reveal h1,
        .reveal h2,
        .reveal h3,
        .reveal h4,
        .reveal h5,
        .reveal h6 {
            word-wrap: normal;
            -webkit-hyphens: manual;
            -moz-hyphens: manual;
            hyphens: manual;
        }
    </style>

在Firefox和Chromium上测试过。不确定它是否可以在自定义主题中工作。

编辑：糟糕，打错字了。

- gjie

---

它可以在自定义主题中运行，并且对于在那里进行编辑（或在演示文稿的<style>中进行编辑）是有意义的。 - JanD