1. ホーム
  2. 質問と答え
  3. マーキーテキストは複数行に表示されます

マーキーテキストは複数行に表示されます

2012-02-01 5 views
2

私は次のコードを持っている：マーキーテキストは複数行に表示されます

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

マーキー内のテキストは、WebKitのブラウザで複数行に表示されますが。それを強制的に1行に表示するにはどうすればよいですか？ <p>タグを削除すると問題は解決しますが、<p>タグを削除するよりも方法があるかどうかを知りたいと思います。

出典

2012-02-01 user16948

+0

を

の内部に移動するとどうなりますか？ – rikitikitik

答えて

7 
marquee p 
{ 
    white-space:nowrap; 
}

出典

2012-02-01 06:46:57

0

は、ここで同じ行にマーキーテキストを理解することは、完全な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

関連する問題

 関連する問題