亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

jsp 怎么實現 回復和評論的等級縮進排布,用樹結構嗎?還是用<li>,<ul>?還是自定義css

jsp 怎么實現 回復和評論的等級縮進排布,用樹結構嗎?還是用<li>,<ul>?還是自定義css

拉風的咖菲貓 2018-11-21 18:19:43
我可以實現對回復的等級做判斷,關鍵不知道怎么實現css的布局子回復是掛在父回復的下面:如圖,1樓是回復文章的,2樓是回復1樓的,3樓是回復2樓的....5樓是回復1樓的..所以需要有不同程度的向后“縮減”問題就是怎么去控制這個樣式?我剛嘗試通過<%=參數%>來控制,可以做到類似引用函數的方式控制css,不知這樣是不是合理????
查看完整描述

1 回答

?
米琪卡哇伊

TA貢獻1998條經驗 獲得超6個贊

由于這個樣式不涉及到每一層獨立的樣式,都是向后縮進一點,所以層級沒有必要用到,結構類似下面這樣:
html

<ul>

    <li class="list-item">

        <div class="main"> ... </div>

        <!-- 沒有子評論就不顯示ul.child -->

    </li>

    .....

    <li class="list-item">

        <div class="main"> ... </div>

        <ul class="child"><!-- 這層是一級子評論 -->

            <li class="list-item">

                <div class="main"> ... </div>

                <ul class="child"><!-- 這層是二級子評論 -->

                    ...

                </ul>

            </li>

            <li class="list-item"></li>

            ...

        </ul>

</ul>

CSS:

.list-item > .main {

    ...

}


.list-item > ul.child {

    margin-left: ....;

    ....

}


查看完整回答
反對 回復 2018-12-31
  • 1 回答
  • 0 關注
  • 682 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號