Layui实战

Layui的行设置

2018-09-04  本文已影响0人  通俗易懂r

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

上一篇下一篇

猜你喜欢

热点阅读