Webkitマーキーについて質問があります。可変幅の要素が2つあります。（2つの要素は同じ幅です）、両方の要素はマーキーである必要があります。
ただし、コンテンツがオーバーフローした場合（要素よりも大きい場合）はマーキーが必要です。そうでない場合は、テキストをそのままにしておく必要があります（スクロールしない）。
例としてJSFiddleを作成しました： http： //jsfiddle.net/Vxwed/：
長いものと短いものは両方ともCSS3を介してマーキーする必要がありますが、長いものはスクロールする必要があり、短いものはスクロールしません。
<p class="long">Hi my name is John Doe</p>
<p class="short">Yeah!</p>
要素の内容は可変（javascriptで埋められている）であるため、要素のmarquee-behaviourで実際のハードコーディングを行うことはできません。
ここで私を助けることができるCSSの専門家はいますか？私はこれをたくさん研究してきましたが、比較的新しいので、この主題についての情報はほとんどありません。
私が今考えることができる唯一の解決策は、jQueryを使用して要素の幅を測定し、追加の間隔が必要かどうかを計算することです。マーキーを適用する必要がある場合は、適用しないでください。しかし、それは私にはあまりきれいに思えません。可能な場合にのみ、HTML/CSSでこれを実行したいと思います。