前端小知识

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}