67,表格中單元格td自適應高度,最大高度後滾動條顯示

weixin_33807284發表於2019-03-02

因專案需要彈框顯示資訊,由於資訊過多導致表格很難看,網上查到可以設定單元格自適應高度,設定一個最大高度,當達到最大高度後將顯示滾動條,彌補了單元格過度膨脹帶來的困擾!
單元格自適應高度是在單元格中內嵌div,即<td><div></div></td>
通過設定div達到自適應高度,最大高度後顯示滾動條的效果。
樣式設定:style="overflow-y:scroll;max-height:130px;"

ul 裡的li  的內容呈現一行顯示   
 <style>
     ul li{
         display: inline;
         list-style-type: none;
         padding: 5px 5px;}
 </style>



左右上下 浮動   
style="position:relative; top:-50px; left:12px"



提示成功 layer:

//彈出提示資訊
function SuccessAlert(e) {
    var index = layer.alert(e, { icon: 6, time: 2000, offset: 't', closeBtn: 0, title: '成功資訊', btn: [], anim: 2, shade: 0 });
    layer.style(index, {
        color: '#777'
    });
}



相關文章