从包装中防止Fancybox文本

Question

我在使用Fancybox 2.1.3在页面加载时显示一些文本。问题是，当我想让它全部在一条线上时，它将它包装到两条线上。我试过宽度，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; 
}