ホームページ  >  記事  >  ウェブフロントエンド  >  アイデアをください_html/css_WEB-ITnose

アイデアをください_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:15:12975ブラウズ

次に、DIV をカルーセルのように見せて、左右の画像ボタンをクリックしてスクロールします。

1. 幅が足りない場合に、DIV を 1 行で表示する方法。 、もう一度始まります。1行だけで実装し、余分な行にoverhiddenを使用するにはどうすればよいですか。親要素をどのように設定し、その下の子要素をどのように設定すればよいでしょうか?



ディスカッションへの返信 (解決策)

複雑だと思う場合は、画像を見てください

赤いボックスは、サイズ限定、ブラックボックスは通常の div div を表します
黒いフレームが赤いフレーム内に配置されると、黒いフレーム内のコンテンツは赤いフレーム内でのみ表示されるため、黒いフレームである限り、赤いフレームはビューポートとも呼ばれます。移動すると、ビューポート内のコンテンツは引き続き変更されます。
155a99b298d2e27be78ac34cfeb4586f ;div>

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
のデモンストレーション

一般的に、アイデアは明確です。モデレーター、ありがとう

<div style='position:relative;width:40px; height:20px;border:1 solid red;'><marquee style='position:absolute; left:0'>ABCDEFGHIJKLMNOPQRSTUVWXYZ.....</marquee><div>
のデモンストレーション

マスター、この GIF 画像を作成するために使用されたソフトウェアを教えてください。

Baidu 検索: ShareX

Baidu 検索: ShareX

3Q、あなたはとてもかわいい

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。