看来你觉得自己了解HTML表格的高度宽度？事实上并没有。我自己折腾了半天，终于摸到一些门道，赶紧告诉你们，别忘了听
关于table里的width和height，我们来说说！谈到height，其实就是个规定下限的数值。如果你放进表格的内容高度超出了这个数值，表格就得被迫拉长；反之，要是低于这个值，表格就会放大到这数字上。至于width，简单的说就是，就算里面有很多字，只要这个宽度不超过设定的度量衡（width），那表格就不会被撑大咯。
好，我们继续聊聊HTML表格里那个width和height话题。你知道吗，tr里面虽然有width这一属性，但其实没啥大用。为啥？因为表格宽度已定，tr的宽度自然也无足轻重了。说到height，如果几行tr都是数字填满的，那就把这些数加起来分给它们；如果都是空白的，那就平均分配喽；如果有些空有些不空，那么就优先照顾那些有数字的，再把剩下的平均分配。当然别忘了，如果表格宽度有限，装不下所有设为某值的tr的高度的话，那就只能先保证最基本的需求，其它的就让表格继续加高。
哈喽！当你遇到了td的width问题时，可要留心了！当有个td元素扩大宽度的话，整个列都会受影响，因为这些元素是分享最大数值的宽度喔。所以这个时候只了解单个元素可不够用，还得总体考量。框定好高度之后，每个td的宽度分配也是按照里面东西的占比走的。但是别忘了，默认情况下它们的宽度并未均匀地分配，反而都是根据比例来滴。
说到最后这个部分，就是给td在css里加个身高啦（height）。不难？就是得看看同一行的哪些哥们儿最高咯！想知道如何设置每行的身高么？其实跟tr的分布规律差不多。
评论0