table表格放图片时变形以及为表格添加easyui分页栏

本文探讨了在table表格中放置图片导致的变形问题,并提供了三种解决方案:设置表格行及单元格的宽高,使用table-layout:fixed属性,以及直接应用定位。同时,附带介绍了在table表格中实现easyui分页的方法。

table表格放入图片时变形

1.首先,可以尝试给表格的行及单元格加上宽高
.table11 tr:nth-of-type(odd){//选中奇数行
height: 47%;
width: 100%;
position: absolute;
}
.table11 tr:nth-of-type(even){//选中偶数行
height: 3%;
width: 100%;
position: absolute;
}
2.如果表格固定宽高还是没有用的话可以试试表格的table-layout: fixed属性,但遇到合并单元格时会遇到问题。
.table11{
height: 100%;
width: 100%;
position: absolute;
table-layout: fixed;
}
3.这都定不住了,那干脆点,直接用定位啦,强行定住。

直接使用定位,虽然这样比较low,嗯,顶用就行。
附加个在table表格里添加easyui分页的方法吧。

<td colspan="2"style=“height: 100%;width: 100%;position: absolute;”>




这东西高度还不能给太高,不然会出来一个框框,反正我是没给去掉,以后可能会有方法吧。
新人第一次写,还有很多不足,连代码样式都没调好,要是有啥问题可以随便提,反正我还有好多要学习。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值