2010-12-15 3 views

ответ

2

Если вы посмотрите на исходный код для демонстрации, вы увидите, что это очень просто. Изменить эту часть:

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd and 3:rd rows --> 
    <div class="item"> ... </div> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another three rows (and so on) --> 
    <div> 
    ... 
    </div> 

к этому:

 <!-- first row --> 
    <div class="item"> 

     <!-- image --> 
     <img src="http://farm1.static.flickr.com/_m.jpg" /> 

     <!-- title --> 
     <h3>1. Barcelona Pavilion</h3> 

     <!-- content --> 
     <p> 
      The Pavilion was not only a pioneer ... 
     </p> 

    </div> 

    <!-- 2:nd row --> 
    <div class="item"> ... </div> 

    </div> 

    <!-- second element with another two rows (and so on) --> 
    <div> 
    ... 
    </div> 

Большинство изменений являются HTML комментарии. Все, что вам нужно сделать, состоит в том, чтобы в каждом наборе предметов было меньше <div class="item">...</div>.

Смежные вопросы