空字符對浮動的影響

<c:if test="${depart.value.armor}">
<li>
    <span class="dis-block font-18 dc3">已確定</span>
    <i class="mg mg-down icon-right font-18 dc3"></i>
</li>

</c:if>

<c:if test="${!depart.value.armor}">
<li>
    <span class="dis-block font-18 text-danger">未確定</span>
    <i class="mg mg-audit icon-right font-18 text-danger"></i>
</li>
</c:if>
頁面是上面循環出來的(if是java做的判斷,渲染頁面時,會產生空元素,影響浮動位置)造成位置下移(如上圖)
空元素是猶豫java的if佔位產生的。
解決辦法:
設置父元素ul{font-size:0;}

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章