字幕文本顯示在多行

我有以下代碼：字幕文本顯示在多行

<marquee><p>{a long text}</p></marquee>

選取框內的文字出現在WebKit瀏覽器多行。我如何強制它出現在一行中？刪除<p>標籤解決了這個問題，但我想知道是否有辦法，而不是刪除<p>標籤。

來源

2012-02-01 user16948

當您將移動到

時會發生什麼？ – rikitikitik 2012-02-01 06:47:38

marquee p 
{ 
    white-space:nowrap; 
}

來源

2012-02-01 06:46:57

下面是完整的code瞭解在同一行字幕文本。

<!DOCTYPE html> <html> <head> <title>Marquee Text on the same line</title> <style type="text/css"> marquee span { margin-right: 100%; } marquee p { white-space:nowrap; margin-right: 1000px; } </style> </head> <body> <marquee scrollamount="10"><b>Hello, I am a StackOverflow user.<span> </span> And I Code the Web.</b></marquee> </body> </html>

Click here獲得上述代碼的實例。

來源

2016-01-18 15:29:57 rbashish

字幕文本顯示在多行

回答

相關問題