text - Fancybox のテキストが折り返されないようにする

Question

ページの読み込み時にテキストを表示するために Fancybox 2.1.3 を使用しています。問題は、すべてを 1 行にまとめたいときに 2 行に折り返されていることです。width、autoSize、および fitToView プロパティを試しましたが、何もしていません。

ファンシーボックスを使用していくつかの画像を表示しているため、ファンシーボックスのcssファイルを変更したくありませんが、それらは適切に機能しています。

Javascript

  <script type='text/javascript'>
     $(document).ready(function(){
        // Activate fancyBox
        $('.text').fancybox({
           padding   : 0,
           closeBtn  : false,
           topRatio  : 0.75,
           helpers : { 
              overlay: {
                 css: {'background' : 'rgba(0, 0, 0, 0.0)'}
              } // overlay 
           } // helpers
        });
        // Launch fancyBox on first element
        $('.text').eq(0).trigger('click');
        // Close automatically
        setTimeout('parent.$.fancybox.close();', 10000);
     });

HTML

<a href='#textid' class='text'></a>
<div style='display: none'>
    <div id='textid'>The display text goes here.</div>
</div>

CSS

#textid
   {
   font-size: 40px;
   color: red;
   }

Answer 1

#textid {
  font-size: 40px;
  color: red;
  white-space: nowrap;
}