Question

我有问题.. 我必须将slide div的宽度设置为100％，“sklo”div的最大宽度。请参阅下面的代码：

$(function () {
$('#sklo').cycle({ 
    fx:     'scrollHorz', 
    speed:  1000, 
    timeout: 0,
    slideExpr: '.slide',
    slideResize: 1
        }); 
});

和表

<table>
 <tr>
  <td class="container">

<div id="content">

<div id="sklo">
<div class="slide">Text content 1</div>
<div class="slide">Text content 2</div>
<div class="slide">Text content 3</div>
</div>

</div>

  </td>
 </tr>
</table>

和CSS：

.container {
min-width:800px;
width:100%;
position:relative;
}
#sklo {
display:block;
min-width:675px;
min-height:250px;
width:100% !important;
height:100%;
border-radius:20px;
background-color:red;
}
.slide {
min-width:675px;
min-height:250px;
width:100% !important;
text-align:center;
}

我的问题：

文本内容滑块不能100％宽度的“sklo”?? 如何设置100％的.slide div？必须是％，没有px！

请帮忙。

Answer 1

将table宽度设为100%，然后content将automatically设为100% width

<table width="100%">
    <tr>
      <td class="container">
         <div id="content">
           <div id="sklo">
             <div class="slide">Text content 1</div>
             <div class="slide">Text content 2</div>
             <div class="slide">Text content 3</div>
           </div>    
         </div>
      </td>
    </tr>
</table>

如何在jquery循环插件中设置100％div宽度

1 个答案: