跑马灯 - 换行成两个而不是一个单行 - CSS

我的DIV + CSS看起来像跑马灯 - 换行成两个而不是一个单行 - CSS

#another_div 
{ 
    white-space:pre-wrap; 
    font-size:1.5em; 
    position:fixed; 
    height:6%; 
    display:block; 
    background:#FFF; 
    width:100%; 
    text-align:center; 
    top:30%; 
    padding-top:1%; 
    -webkit-marquee: auto medium infinite scroll normal; 
    overflow-x: -webkit-marquee; 


}

在这个div我加载一些动态内容从一些页面的到来。它显示像

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA
      BBBBBBBBBB 

但我想把它当作

AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABBBBBBBBBBBBBB

我已经尝试过了"white-space": "nowrap"。没有工作。

这是一个选取框，所以它应该在一行中浮动。为什么它打破？我检查了这一行。没有换行标签。 如何使它成为单行字幕？

来源

2013-12-19 AtanuCSE

您确定来自动态网页的内容没有问题吗？ – Kangkan

是的，当然。我已经检查了好几次。 @Kangkan – AtanuCSE

white-space: nowrap;应该工作。检查下面

DEMO

来源

2013-12-19 05:53:01 Sowmya

感谢它的工作。我正在使用

。现在将其设置为和white-space：nowrap;完美的工作:) – AtanuCSE

white-space: pre;演示将带你所有的休息！

来源

2013-12-19 17:00:05

跑马灯 - 换行成两个而不是一个单行 - CSS

回答

相关问题