height - css Bxslider设置高度

我刚开始使用bxslider。

但我有设置滑块大小的问题,我如何将它设置为固定的高度,比如200px?

时间:

你可以添加以下css。


.bx-wrapper, .bx-viewport {


 height: 200px !important; //provide height of slider


}



看看这个小玩意,bxslider

如果为包装器设置固定高度,会遇到溢出和定位问题。

如果使用列表:


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



你需要设置所有3个元素,包括所显示的图像的高度,即主容器,内部容器和图像本身。

就像这样:


.bx-wrapper, .bx-viewport, .bx-wrapper img {height: 500px !important;}





可以正常工作,并允许你保持响应


 .bx-wrapper, .bx-viewport, .bx-wrapper img {max-height: 200px !important;}




.bx-wrapper img {


height: 400px;


max-width: auto;


display: inline;



}

我建议使用div包装它,然后调整divcss,


.yourDivClass{


 height:200px;


 width:200px;


}




.yourDivClass li {


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


}



希望这有帮助。

http://jsfiddle.net/u62LR/

只需设置你的图像高度。


.bx-wrapper, .bx-viewport {


 height: [IMAGE HEIGHT] !important; 


}



如果你不想使用#important,就像这样


.bx-wrapper {


 height: 400px; //Just choose your height


 display: block;


 overflow: hidden;


 }



只需使用max-height


.bx-wrapper .bx-viewport{max-height: 657px;}



...