美文网首页
表格中单元格td自适应高度,最大高度后滚动条显示

表格中单元格td自适应高度,最大高度后滚动条显示

作者: 滔滔逐浪 | 来源:发表于2019-03-02 15:26 被阅读1次

    因项目需要弹框显示信息,由于信息过多导致表格很难看,网上查到可以设置单元格自适应高度,设置一个最大高度,当达到最大高度后将显示滚动条,弥补了单元格过度膨胀带来的困扰!
    单元格自适应高度是在单元格中内嵌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"
    
    
    
    

    相关文章

      网友评论

          本文标题:表格中单元格td自适应高度,最大高度后滚动条显示

          本文链接:https://www.haomeiwen.com/subject/vtoeuqtx.html