css - Bxslider 設定高さ

Question

だから私はちょうどbxsliderを使い始めました。

ただし、スライダーのサイズの設定に問題があります。当然、最大の要素の高さが必要です（私はそう思います）。固定の高さ、たとえば 200px に設定するにはどうすればよいですか?

score 25 · Accepted Answer

以下のcssを追加できます。

.bx-wrapper, .bx-viewport {
    height: 200px !important; //provide height of slider
}

このフィドルをチェックしてください.. bxslider

score 15 · Accepted Answer

要素のスタイルを設定してみませんか? ラッパーに固定の高さを設定すると、オーバーフローと配置で問題が発生する可能性があります。

リストを使用している場合:

.bx-wrapper ul li { height: 200px; }

score 1 · Accepted Answer

これらの行でセンタリングと固定サイズを解決しました

.bx-wrapper img {
height: 400px;
max-width: auto;
display: inline;

}

score 0 · Accepted Answer

でラップしてからの CSSdivを調整することをお勧めします。divBxslider は高さと幅を継承していると思います。

.yourDivClass{
    height:200px;
    width:200px;
}

ここから、liそれに応じてを調整できます。

.yourDivClass li {
    background-color:green; //just to see the overflow if height & width isn't equal
}

お役に立てれば。

score 0 · Accepted Answer

!important を使用したくない場合は、このように作成してください

.bx-wrapper {
  height: 400px; //Just choose your height
  display: block;
  overflow: hidden;
 }

score 0 · Accepted Answer

アップデート！

画像の高さを設定するだけです...

.bx-wrapper, .bx-viewport {
    height: [IMAGE HEIGHT] !important; 
}

9 に答える 9