Layui的行设置

最近捣鼓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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容