layui如何设置行

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;}

更多相关技术文章，请访问HTML中文网！

以上就是layui如何设置行的详细内容，更多请关注0133技术站其它相关文章！