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如何设置行的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » 前端答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏