防止包装中的Fancybox文本

Question

我正在使用Fancybox 2.1.3在页面加载时显示一些文本。问题是，当我希望它全部在一条线上时，它将它包装在两条线上。我已经尝试过width，autoSize和fitToView属性，但它们都没有做任何事情。

我不想修改fancybox css文件，因为我也使用fancybox显示一些图像，这些图像正常工作。

的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;
}