前端小知识

操作表格及理解块元素属性

2015年12月22日

1.用来监听一个表格的除了第一行之外的所有行最后一个td的点击事件,然后获取它所在行的第一个td的内容。并且在后来附加的表格中也有效(live的作用,在高级版本中已经改为on,可以用来操作使用append附加的文档内容,如果是正常的事件监听,则无法操作append附加的文档内容)。

$("#eqpttable tr:gt(0) td:last-child").live("click", function() {
            var eqptId = $(this).children("td:eq(0)").text();
            alert(eqptId);
        });

 2.block, inline 和 inline-block的作用:block是块,inline是行内元素,inline-block是块行内元素。

3.块可以浮动,但是如果块的大小超过了浮动方向上已经有的块剩余的宽度,还是会降到下一层。比如页面总大小为1000px,已经有一个向左浮动的块宽度为200px,又设置一个向左浮动的块,如果这个块的宽度超过800px,那么它就会被挤到下一层,而不是向右扩展,如果给它设置一个小的宽度,那么就可以正常浮动了。

4.如果要为table固定宽度,只需要设置所有的文字都强制换行就可以了。  tbody{word-break:break-all}

转载于:https://www.cnblogs.com/lswit/p/5066207.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值