我在html中有一个表格,我想要格式化,以便列都具有相同的宽度。为此,我在.css文件中设置了table-layout: fixed;
,并为每列提供了等于25%的宽度(其中有四个)。表本身也有固定的宽度,以像素为单位。这似乎工作正常。
但是我有一个按钮,它使用javascript在display: none;
和display: block;
之间翻转表格。在将表格切换回块时,列已调整大小以在左侧压缩。看看Firefox的检查器,看起来浏览器正在插入一个
元素,而这正在被重绘为不同的大小。在.css文件中为tbody元素设置<
tbody>
<
无法解决问题。
所以如果有人能告诉我这里发生了什么以及如何解决它,那就太好了。
ETA:另外,我在Firefox和Chrome中都重现了这种行为,所以我认为它只是一个浏览器错误。