同一行上的两个基础设施控件

Question

我的 ASPX 代码是：

<span>                        
  <igsch:WebDateChooser ID="ContractPeriod2Start" runat="server" 
     NullDateLabel="" Editable="True" EnableAppStyling="True">
  </igsch:WebDateChooser>
  <igsch:WebDateChooser ID="ContractPeriod2End" runat="server" 
     NullDateLabel="" Editable="True" EnableAppStyling="True">
  </igsch:WebDateChooser>
  <span><a href="#">Remove</a></span>
</span>

我希望它在同一行/行中呈现所有顶级跨度。然而，基础设施将其呈现为一堆表格和 div，其中一些在 firebug 中显示为灰色

<span>

    <input ... />
    <input ... />
    <table ... >...</table>
    <div>...</div>

    <input ... />
    <input ... />
    <table ... ></table>
    <div ... ></div>

    <span><a href="#">Remove</a></span>
</span>

渲染成 3 行（两个 IG 控件各一个，一个用于我的 Remove span）

如何将所有这些生成的 HTML 放到同一行中？

Answer 1

假设第三方控件无法控制输出，我能想出的最快的想法就是将所有内容包装在一个表格中。您仍然不会控制每个单独控件的输出，但您会强制将三个元素放在一行中。

所以，不漂亮，但是：

<table>
    <tr>
        <td><!-- First igsch control here --></td>
        <td><!-- Second igsch control here --></td>
        <td><span><a href="#">Remove</a></span></td>
    </tr>
</table>

可能有一些方法可以编写适配器来生成不同的 html，例如 CSS Friendly Control Adapters，但这需要付出更大的努力。