Layui的行设置

作者: 通俗易懂r | 来源:发表于2018-09-04 09:02 被阅读0次

    最近捣鼓layui做个web项目。行高真是个头疼的问题本来设置好了,结果刷新table 又缩回原来的行高了。
    .laytable-cell-1-imgid {height:100%;}
    .laytable-cell-1-imgid img {height:80px;line-height: 80px;}

    一开始使用这个css 确实可以设置行高,但一刷新又out了。因为刷新后,laytable-cell-1-imgid 中的 1会变可能就变成了 laytable-cell-2,3..等-imgid 很显然css无效了。

    那么就想设置.layui-table-cell 恩行是设置好了,属性也不变回去了。开心!

    纳尼,表头出事了。也高了。这要搞得我血压高啊。

    没办法了放大招了。上网查呗
    找到一个

    <style>
    .layui-table-cell{ display:table-cell; vertical-align: middle; }
    </style>
    成功解决问题,不要在field中添加高度,可以自行设置宽度,这样就可以让表格自适应高度了~!

    人生不如意十之八九啊

    高度是可自适应,表头高度也不变化。可是表头和内容,错位啦、错位啦、错位啦说三遍
    继续找:
    哟呵试试这个

    .layui-table-cell {height: auto;line-height: 28px;}

    这个可以,亲测
    转载:https://www.jb51.net/article/145793.htm

    相关文章

      网友评论

        本文标题:Layui的行设置

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