可以修改这个 jcarousel 滑块,使滑块的宽度为 100% 吗?即缩小窗口宽度,文本相应地换行以适应,滑块保持不变。
CSS 的第 8 行和第 23 行是宽度,但是当设置为 100% 时,滑块会中断......大概是因为 li 宽度延伸到 ul 宽度(它必须足够宽以容纳所有 li 项目)。
http://jsfiddle.net/kirkbross/3FhcQ/38/
#wrapper {
position:relative;
width: 980px;
margin-left:auto;
margin-right:auto;
}
#slider {
width:100%; /* I want this to be 100% */
height:300px;
position:relative;
overflow:hidden
}
#slider ul {
list-style:none;
list-style-type:none;
position:absolute;
padding:0;
margin:0;
width:200000px;
}
#slider ul li {
position:relative;
width:100%; /* I want this to be 100% */
height:300px;
float:left;
background:#e8e8e8;
}