聯系官方銷售客服
1835022288
028-61286886
投訴
已解決 調用二級欄目，顯示出來是一列排列，代碼怎么調整
3 0
<div id="syFocusThumb" class="sliderwrapper">
<div class="contentdiv"></div>
<!--調用共享欄目-->
<!--第一層：調用pid=0表示頂級-->
{category module=share pid=2}
<div class="contentdiv"> <li class="contentdiv classic-contentdiv {if IS_SHARE && $catid && dr_in_array($catid, $t.catids)} active{/if}">
<a href="{$t.url}" title="{$t.name}" {if $t.tid==2} target="_blank"{/if}>{$t.name}</a>
{if $t.child}
<!--第二層：調用第二級共享欄目-->
{category module=share pid=$t.id return=t2}
<li class="{if $t2.child} contentdiv{/if} {if IS_SHARE && $catid && dr_in_array($catid, $t2.catids)} active{/if}">
<a href="{$t2.url}" title="{$t2.name}"> {$t2.name}</a></li>
{/category}
{/if}
</li></div>{/category}</div>
代碼調用二級欄目，顯示出來是一列排列，我想調用出來按像如下這種行排列，代碼怎么調整啊
這就是CSS的寫法了，你要把那段代碼帖出來，再好給你寫
回復@帝云網絡-長期接單 CSS這段代碼看起來也沒啥問題啊
.contentdiv {
font-size: 0;
margin: 0 10px;
}
.contentdiv:first-child {
display: none !important;
}
.contentdiv a {
text-align: center;
border-radius: 2px;
display: inline-block;
vertical-align: top;
padding: 8px 2%;
color: #76838f;
-webkit-transition: .25s;
-o-transition: .25s;
transition: .25s;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
height: 22px;
line-height: 22px;
font-size: 12px;
width: 8%;
transition-duration: .3s;
-ms-transition-duration: .3s;
-moz-transition-duration: .3s;
-webkit-transition-duration: .3s;
background: #f1f1f1;
margin: 10px 5px 0 0;
}
.contentdiv a:hover {
background: #afafaf;
color: #fff;
}