重复div直到中心响应

Question

我想知道如何重复div直到|居中的div |并再次重复div（如表）。据我所知，我必须使用响应条件，但我不知道如何使用它。

这是我的代码示例（HTML）：

<!-- Slider -->
<div id="slider">
  <div class="big"><img class="opt" src="images/urban1.jpg" width="930" height="367" alt="big_thumb"></div>

  <div id="wrap">
    <div class="line"></div>
      <div id="thumbs">
        <div id="button_left"></div>
      </div>
    <div class="line"></div>
  </div>
</div>

CSS：

#slider #wrap {
    width: 100%;
    height: 87px;
    border: 1px #666 solid;
}

#slider #wrap .line {
    background:url(../images/dotted_line.png) top repeat-x;
    width: ??;
    height: 15px;
    float: left;    
}

#slider #wrap #thumbs {
    width: 940px;
    height: 87px;
    margin: 0px auto;
    border: 1px #000 solid;
}

感谢您的帮助。