HTML中table标签长度和宽度设置

Posted 2023-03-03

html中table表格标签长度和宽度设置，为什么有的时候设置的height,width不起作用，有时会被撑破，有时又会自动分配宽度。比如:<table widht=500><tr><td width=100>Hello</td><td width=400>test</td></tr></table>为什么有时显示正常，但有时它自动分配为1:1？请高手帮一下！谢谢！

td标签里面的width和height都是起作用的先看td的width吧，某一个td的width是和所处的一列每个td的width都相关的，取其中最大的width作为这一列中每个td的width，这点是让我们最混淆的地方，一定要从全局把握某个td的width，不能从这一个的width设置就断言它的宽度就是多少，这样是不准确的。当我们把每一列的宽度都弄清楚之后，事情就好办了。这时候各个td之间的宽度分配按照第二条中各 tr的height分配规律，有一点不同的是全部是默认的情况下，各td的width不是平均分配，而是根据各自的实际内容按比例分配。再看看td的height设置吧，这个相对简单一点了，不过各个td的height要看这个td所在的行的最大高度来确定这一行的每个td的height，然后各个行的高度情况和tr中的height分配原则是一样的。还有一点要注意，就是td的height和tr的height之间的关系。首先肯定是根据内容的需 要，在这个基础上，再根据设置的值来确定，哪个设置的值大就按照哪个，如果一个设置了值一个没有设置值，那么按照设置值的算。 参考技术A table里想要将td的宽度为所欲为，则td里要另外加上一个table，并且td还要进行合并，在table里加td就不会影响到外面td的宽度，可以随意的调节宽度比例 参考技术B table里面添加 style="table-layout:fixed " 参考技术C 只要是值，且不是0值，一定要带单位 参考技术D 1234567891011121314151617181920