0

現在、Web ページに 3 つの画像を横に並べて配置しています。ユーザーが十分に拡大すると、ページ レイアウトによって 3 番目の画像が最初の 2 つの画像の下に配置されます。レイアウトが維持されるように、画像が単にページの端に「消える」ことをお勧めします。この動作を指定するにはどうすればよいですか? ありがとうございました。

4

3 に答える 3

1

bodyまたはサイト ラッパーに固定幅を設定しますdiv。そうすれば、ブラウザーのサイズがサイトの要素に影響を与えることはありません。

于 2011-05-17T16:03:22.110 に答える
1

容器に入れてラッピング防止

<div style="white-space: nowrap;">
    <img ... />
    <img ... />
    <img ... />
</div>

もちろん、インライン スタイルの代わりに CSS クラスを使用する方が賢明です。

また、コンテナをスクロールできないようにしたい場合は、そのoverflowスタイルを に設定できますhidden。

これは、含まれる要素に両方のスタイルを設定する JSFiddle の例divです。そのため、3 番目の要素 (私が使用した画像の insetad ですspanが、それは関係ありません) が単純に端から消えます。幅を固定ピクセル サイズに設定してページをズームインしようとするspanと、要素が端から消えてしまうことがわかります。

于 2011-05-17T16:03:27.093 に答える
0

置くことができますoverflow:hidden;..これにより、ズームインまたはズームアウトが行われるときに3番目の画像が非表示になります。2番目にラッパーと3つの画像すべての幅を修正し、フロートをimg div.に置きま​​すが、3番目のdiv幅を他のものと比較して少し小さく保ちます。

于 2013-11-22T05:20:14.753 に答える