如何摆脱IE中表格单元格内dijit.form.DropDownButton旁边的空格？

Question

我有dijit.form.DropDownButton的内部表格单元格。但是，在IE中，单元格内的dropDownButton旁边有额外的空格。我怎样才能摆脱多余的空间呢？

请注意，我在Firefox中没有这个问题。

另请注意，如果我删除了DropDownButton的div，则额外的空格在IE中消失了。所以，很确定这些空格带有dropDownButton

以下是我的单元格代码

<td align="left"><div dojoType="dijit.Toolbar" style="border:none;border-style:none;"><div dojoType="dijit.form.DropDownButton" jsId="SecureData/ShowFilesWrittenToRemoveableDriveIsEncrypted_desc"  showLabel="true" style="background: none;border:none;"><span><div style="font-size:small">ShowFilesWrittenToRemoveableDriveIsEncrypted</div></span><div dojoType="dijit.TooltipDialog"  ><table><tr><td>Description goes here</td></tr></table></div></div></div></td>

Answer 1

提供＆＃34; cellpadding＆＃34; as＆＃34; 0＆＃34;对于表，并使所有div元素显示为内联/内联块元素，不会占用任何额外的空间。

td div {
 display:inline-block;
}

这将使...内的所有div元素彼此内联。