eyoucms關(guān)于mod標(biāo)簽的用法
2022-11-28 加入收藏
今天在EYOU問(wèn)答上見到一問(wèn)題https://www.eyoucms.com/ask/list_1_1/4240.html，之前沒用過(guò)mod這個(gè)標(biāo)簽，在官網(wǎng)上查了一下，上面說(shuō)：mod='' 每隔N行輸出的內(nèi)容，基本明白是什么意思了。
根據(jù)上面這個(gè)問(wèn)題，看提問(wèn)者的意思和他的代碼，應(yīng)該是每隔三條數(shù)據(jù)就出現(xiàn)一個(gè)上圖下文的排版，其它就是一行文字？提問(wèn)者用表格？估計(jì)對(duì)CSS可能不太理解?，實(shí)際上用一個(gè)dl dt dd或者li來(lái)排版更方便。html dl dt dd標(biāo)簽元素語(yǔ)法結(jié)構(gòu)與使用見http://www.divcss5.com/html/h88.shtml
意思很明顯，就是每隔3行給他加一個(gè)dt，用來(lái)放圖片，其它dd用來(lái)放文字，代碼如下：
1 2 3 4 5 6 | <dl>{eyou:arclist typeid='2' limit='0,10' mod='3'}{eyou:eq name='mod' value='0'}<dt><img src="{$field.litpic}"></dt>{/eyou:eq} <dd>{$field.title}</dd>{/eyou:arclist}</dl> |
效果見下圖
至于dl dt dd的樣式可以自定義，由此也可以做一些比如可以每隔多少行給一個(gè)CLASS樣式。