表達式引擎通道條目彼此相鄰

通常的方式來打印通道條目：

{exp:channel:entries channel="news" limit="10"} 
       <h2>{title}</h2> 

       {news_body} 
{/exp:channel:entries}

所以在對方的消息打印這樣的：

Title 1 Blah Blah 

    ashdjsdsd asdsda ada 
    adasdasda asdsda adad 

    Title 2 Blah Blah 

    jsaudwi llasdju alsl 
    asdasdas

我想打印彼此相鄰像這樣兩篇新聞文章：

Title 1 Blah Blah   Title 2 Blah Blah 

    jsaudwi llasdju alsl  ashdjsdsd asdsda ada 
    asdasdas     adasdasda asdsda adad

來源

2012-06-24 user1427195

imjared's answer從HTML/CSS的角度來看是很好的，但是因爲這被標記爲ExpressionEngine問題，下面是如何解決這個問題ia EE語法，帶有自解釋的HTML。

{exp:channel:entries channel="news" limit="10"} 
<div class="{switch="float-left|float-right"}"> 
    <h2>{title}</h2> 
    {news_body} 
</div> 
{/exp:channel:entries}

來源

2012-06-25 12:20:01

非常感謝您的回答。由於某種原因，它不起作用。代碼很優雅。我試圖在大約一個小時內插入代碼。我是EE的新人。如果你可以，你可以再次檢查代碼？再一次非常感謝你。 – user1427195

HTML輸出是否正確（即奇數div被分類爲「float-left」，偶數div被分類爲「float-right」）？在這種情況下，你顯然需要爲「float-left」和「float-right」添加CSS規則。 –

非常感謝您檢查我的問題並幫助我。是的，它的工作原理。美麗的代碼。我修改了你的代碼。我不知道Stack Over flow中的點系統。我會盡量給予最高分。再一次非常感謝你 – user1427195

這是一個比ExpressionEngine多一個html/css問題，有幾個方法，你可以這樣做：

http://jsfiddle.net/xJyqs/
http://jsfiddle.net/xJyqs/2/（如果你不關心老瀏覽器支持）

我願意做它的方式是類似的following--

{exp:channel:entries channel="news" limit="10"} 
<div class="entry"> 
<h2>{title}</h2> 
{news_body} 
</div><!--/.entry--> 
{/exp:channel:entries}

來源

2012-06-25 04:26:14 imjared

非常感謝。有用。這是一個很大的幫助。我試圖解決這個問題約2小時。再次感謝 – user1427195

表達式引擎通道條目彼此相鄰

回答

相關問題