Блог

У меня есть dijit.form.DropDownButton внутри ячеек таблицы. Однако в IE есть дополнительные пробелы рядом с DropDownButton внутри ячеек. Как я могу избавиться от лишнего пространства?

Обратите внимание, что у меня нет проблемы в Firefox.

Также обратите внимание, что если я удалю div для DropDownButton, лишние пробелы исчезнут в 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>
  

Укажите «cellpadding» как «0» для таблицы и сделайте так, чтобы все элементы div отображались как встроенные / inline-block элементы, которые не будут занимать никакого дополнительного пространства вокруг них.

 td div {
 display:inline-block;
}
  

Это сделает все элементы div внутри .. встроенными друг в друга.