Question

我有这个定义：

<g:HTMLPanel ui:field="container" styleName="{style.itemcontainer}">
    <table style="width:100%" cellpadding="0" cellspacing="0" border="0" >
    <tr>
        <td width="25px" valign="bottom">
            <b:Span ui:field="iconSpan" addStyleNames="{style.icon}"></b:Span>
        </td>

        <td width="60px">
            <span ui:field="valueLabel" class="{style.valueLabel}">0%</span>
        </td>

        <td width="24px" class="{style.selectedIcon}">
            <b:Icon ui:field="selectedIcon" type="BAR_CHART_O" visible="false"></b:Icon>
        </td>
    </tr>
    </table> 

</g:HTMLPanel>

我想转换3个div中的html表。

你能帮帮我吗？

Answer 1

查看浮动和盒子模型。你可以用css使这更简单。

<div style="float:left">
   <b:Span ui:field="iconSpan" addStyleNames="{style.icon}"></b:Span>
</div>

<div style="float:left">
  <span ui:field="valueLabel" class="{style.valueLabel}">0%</span>
</div>

<div style="float:left">
  <b:Icon ui:field="selectedIcon" type="BAR_CHART_O" visible="false"></b:Icon>
</div>
<br style="clear:left" />

将html表转换为几个div

1 个答案: