台灣最大程式設計社群網站
線上人數
1310
 
會員總數:246737
討論主題:190152
歡迎您免費加入會員
討論區列表 >> CSS/HTML5/Bootstarp >> UL LI控制問題
[]  
[我要回覆]
1
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
UL LI控制問題
價值 : 10 QP  點閱數:894 回應數:7
樓主

永恆
初學者
1 34
1062 57
發送站內信



代碼是這樣的
<ul>
<!--{foreach from=$filter_attr.attr_list item=attr}-->
<li>內容</li>
<!--{/foreach}-->
</ul>

如何做到圖中的效果

搜尋相關Tags的文章: [ UL LI控制問題 ] ,
本篇文章發表於2016-02-22 21:11
1樓
最有價值解答

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
看樣子你是用smrty做樣板處理

一般來說,我會先限定ul的寬度。讓它的li剛好可以4格自動換行。
(這部份就請你自行調整)

然後再將

改成


為何要取索引值,就是要確定4個為一區的處理
基本上,這部份我會比較偏向在給與參數時就給與。也就是在php內就設定好其class的值。
不過在此我還是先用在樣板的處理方式給你


這樣是最簡單的處理。我只用if來處理。也可以用if elseif或是case
因為我對smrty不是很熟。只知道怎麼簡單處理。
只是先給你觀念
本篇文章回覆於2016-02-23 11:44
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
2樓
作者回應

永恆
檢舉此回應
已成功 謝謝
本篇文章回覆於2016-02-23 20:54
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
3樓
作者回應

永恆
檢舉此回應
原來還是不行
本篇文章回覆於2016-02-25 12:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
4樓
回應

浩瀚星空
捐贈 VP 給 浩瀚星空 檢舉此回應
可以說說不行的情況是怎麼樣
本篇文章回覆於2016-02-25 15:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
5樓
作者回應

永恆
檢舉此回應

<!-- {if $k%4==0}-->
<li class="a">內容</li>
<!-- {/if} -->
<!-- {if $k%4==1}-->
<li class="b">內容</li>
<!-- {/if} -->
<!-- {if $k%4==2}-->
<li class="c">內容</li>
<!-- {/if} -->
<!-- {if $k%4==3}-->
<li class="d">內容</li>
<!-- {/if} -->


不能夠以 class a b c d a b c d 不斷循環

當顯示的數量有所改變,會變成 class b c d a c d a b d a b c 等等

我想要的效果是 絕對以class a b c d a b c d 不斷循環
本篇文章回覆於2016-02-25 22:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
6樓
作者回應

永恆
檢舉此回應
不能夠以 class a b c d   a b c d 不斷循環

當顯示的數量有所改變,會變成 class b c d a   c d a b   d a b c 等等

我想要的效果是 絕對以class a b c d   a b c d 不斷循環
本篇文章回覆於2016-02-25 22:50
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
7樓
作者回應

永恆
檢舉此回應
自己解決了
謝謝幫忙
本篇文章回覆於2016-02-26 20:24
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   
1

回覆
如要回應,請先登入.