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

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



最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 因项目需要弹框显示信息,由于信息过多导致表格很难看,网上查到可以设置单元格自适应高度,设置一个最大高度,当达到最大...
    Pureven阅读 3,583评论 1 0
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,825评论 1 92
  • 翻译自“Collection View Programming Guide for iOS” 0 关于iOS集合视...
    lakerszhy阅读 3,930评论 1 22
  • day01­_起源和结构 结构:Xhtml xml 表现:CSS 行为:DOM ECMAScript 以上都属于W...
    Sakura_明妃阅读 1,247评论 0 1
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,262评论 4 61