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

WBOY
リリース: 2016-06-24 11:15:12
オリジナル
974 人が閲覧しました

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

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



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

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

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

;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、あなたはとてもかわいい

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!