Question

我目前正在使用reveal.js攻击一些幻灯片，并想知道如何防止标题内的单词中的换行符？也许我只是错过了文档的一部分，但没有任何线索。

所以，例如让<h1>Some reallongword</h1>结束<h1>Some reall \n ongword</h1>

更新：我已在标题中添加了手册<br>等。不确定它是否是最佳解决方案，但似乎至少有效。

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中测试过。不确定它是否可以在自定义主题中工作。

编辑：哎呀，错字。

如何防止在标题上的reveal.js上的换行符

1 个答案: