跑馬燈 - 換行成兩個而不是一個單行 - 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

回答

相關問題