0

画像のすべてのページが水平方向の div を使用して画像をスクロールする indexhibit でポートフォリオを構築しています。

画像の品質が低下する方法が気に入らなかったので、訪問者の画面が許す限り (オーバーすることなく) 大きく表示したかったので、レスポンシブにしました (高さ: 90%; 幅: 自動;)。

問題は、水平コンテナ div の幅がすべての元の画像のサイズである (indexhibit の書式設定に従って) ことです。すべての画像の右側に大きな空白が残ります。これは、画像がレスポンシブに画面に収まるように縮小されているためです。したがって、十分な大きさの画面サイズがあれば、これらの画像は実際には

コンテナの div width: auto を作成すると、明らかに画像が次の行に分割されます。

この問題を解決するために CSS でできることはありますか? この cms でコア ファイルにアクセスして変更する自信がありません。

ありがとう

マイク・チャーマーズ

4

1 に答える 1

0

画像の表示方法をいじって、インラインブロックで解決しました。コンテナーを水平に表示するには、いくつかの変更が必要です。基本的なコードは次のとおりです。

#img-container {
overflow-x: scroll;
overflow-y: hidden;
white-space:nowrap;
}
.img-div {
    display: inline-block;
}
于 2014-09-19T11:29:11.180 に答える