0

この問題を解決するための単純な css/html のみの方法があるかどうかを知りたかったのです。固定幅の内に画像の を
作成しています。この中の画像はたくさんあります。つまり、簡単に溢れます。この画像セットの simple は単純で、デフォルトでうまく機能します。オーバーフロー画像は単純に順番に表示されます。marqueedivdivmarquee
<marquee>
<img ..... />
<img ..... />
<img ..... />
</marquee>

しかし、キャプション、つまり各画像の下の画像名が必要です。私が直面している問題は、単純なマークアップまたは CSS を使用してこれを追加しようとすると、1 行に画像を配置するのではなく、最初の画像の下にラップせずmarqueeにオーバーフローするものです。これは、画像（静止している外側）が多いほど、行数が多いことを意味します。divmarqueediv

各画像をそれぞれ個別の div で囲み、画像の下に書き込んでみました。また、span画像ごとに表示ブロックと固定幅を画像幅に等しい複数の要素を使用します。つまり、画像の下に個別のテキスト行を配置します。
また、やHTML5のタグを使ってみたのですが、毎回同じような問題が出てきます。<figure><figcaption>

HTML と CSS のみを使用してこれを解決できる方法があれば、提案してください。
PS このページは静的です。

前もって感謝します。

4

2 に答える 2

1

marquee要素は独自のタグであり、HTML4 および HTML5 の不適切な方法です。W3C は、HTML はマークアップ用であり、書式設定やアニメーション用ではないと述べています。Web 標準に従って、これらのオプションのいずれかを試すことができます。

JavaScript または jQuery

Javascript または jQuery でスライダー スクリプトを使用します。

CSS3

CSS3を使用してマーキー アニメーションを作成します。

于 2013-09-05T03:06:25.360 に答える
-3 

<html>
<head>

</head>
<body>
<marquee direction="left"><table><tr><td style="min-width:250px;"><img src="images/img1.png"  alt="" style="width:155px;height:79px;" /><img src="images/img2.png"  alt="" style="width:155px;height:79px;" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</br></br><span style="padding-right:20%;">Add tittle-1 here</span><span style="padding-right:20%;">Add tittle-2 here</span></td></tr></table></marquee>
</body>
</html>

于 2014-12-12T12:28:05.400 に答える