僅更改for循環中的第一行的列布局

我有一個網頁與視頻/圖像內容組成，我讓它們在每行顯示四個。僅更改for循環中的第一行的列布局

我想使第一行具有不同列配置的特色部分，如下圖所示。

所以這個特殊的排將有3列在一個更大尺寸的第一個。

下面是我現在有的和<li>代表一行，<figure>代表一列。

<ul> 
    <li> 
    <% Object.keys(data).forEach(function(key) { %> 

     <% if (key%4 == 0 && key != 0) { %> 
      </li><li> 
     <% } %> 
     <figure> 

      ... 

     </figure> 
    <% }) %> 
</ul>

我不能讓我的頭周圍加上內環路這一條件。

來源

2016-01-06 Seong Lee

的第一步是獲得一個CSS類或ID爲是兩列寬 –

元素是的..添加CSS類在這裏被認爲是完成的。只是忘了提及。謝謝。 –

假設你正確有你的CSS設置，使與featured類<figure>元素獲得正確的雙寬

<ul> 
    <li> 
    <% Object.keys(data).forEach(function(key) { %> 
     <% if ((key + 1)%4 == 0) { %> 
      </li><li> 
     <% } %> 
     <figure <% if (key == 0) { %> class="featured" <% } %> > 

      ... 

     </figure> 
    <% }) %> 
    </li> 
</ul>

來源

2016-01-06 22:03:02

謝謝。這看起來有希望。我從來沒有想過如果條件內的標籤添加。只是一件事，'

'永遠不會執行，我相信這是因爲<％if（（key + 1）％4 == 0）{％>'永遠不會是真的。但我不明白，這種情況應該通過..你有什麼想法嗎？ –

是你的關鍵字一個字符串或整數（我認爲它將是一個整數）？ –

因爲如果你有一個字符串鍵加1到它可能不會給你期望的結果： '（「3」+ 1）=>「31」' '（parseInt（「3」）+ 1）= > 4' –

僅更改for循環中的第一行的列布局

回答

相關問題