2014-03-13 28 views
2

我目前使用reveal.js黑客入侵了一些幻灯片并想知道如何防止标题中的文字换行符?也许我只是错过了文档的一部分,但没有任何线索。如何防止标题中的reveal.js换行符

因此,例如,有<h1>Some reallongword</h1><h1>Some reall \n ongword</h1>

更新结束了:我已经添加了手动<br>到标题等不能确定它是否是最好的解决办法,但似乎至少工作。

回答

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

编辑:whoops,typo。

+0

它工作在一个自定义的主题,它是有意义的做编辑那里(或在演示文稿的