强制执行(最小)可选包含图像的td的宽度

Question

如何强制执行可选择包含图像的TD的最小宽度？我问这个是因为我正在使用Javascript国际象棋小部件,但是当特定列的任何方块中没有任何碎片时,无论td的宽度样式被设置为36px,此列都比使用的那些更窄.至少一行包含棋子的图像.

请注意,所有样式都直接在每个td单元格上设置.我在某处读到了一个可能的解决方案是在td中创建一个div并在其上设置宽度.我希望避免这种情况,因为它可能需要对底层Javascript库进行重大修改.我已经尝试过指定!important和宽度但它没有效果.

使用firebug我可以修改width属性,但似乎数字不正确.例如,我可以将宽度一直减小到0,它仍然显示相同.或者我可以将宽度设置为大于36并且它似乎增长了宽度-36,但是如果我将这些窄单元格中的一个的高度和宽度设置为相同的数字,那么可以说60px,高度是什么显示的内容大于宽度,它显示为矩形而不是正方形.

此外,td不仅可以选择性地包含图像,而且每个方块也指定背景图像.所以我不知所措:(先谢谢

Answer 1

当我使用Firebug或Chrome中的JS检查器更改文件中的CSS时,设置min-width属性而不是width属性就可以了.可能想尝试一下吗？但不确定IE会如何.

顺便说一句:为什么不用类来做CSS呢？以这种方式调试有点可怕.

Answer 2

默认情况下,表格会自动调整列的大小.

如果将表格样式设置为包括:

table-layout: fixed;

那么你将通过CSS和属性更好地控制它.