Question

我在工具栏中显示了6个按钮，按钮必须以这样的方式显示，即有3个按钮，后跟一些空格，然后是另外3个按钮。我使用JSF作为UI框架。

问题在于，我在第一组中的最后一个按钮是否必须显示中间空格的文本，即“单击此处”，仅显示单击

实际上我正在使用table html标签对按钮组进行分组

<table>
    <tr>
        <td>
            <%-- 1st 3 buttons --%>
            <%-- the last button here has the text "Click here", But only Click is displayed in UI --%>
       </td>
       <td></td>
       <td></td>
       <%-- This is used to get the gap between group of buttons and this is what is causing the issue --%>
       <td>
           <%-- Another 3 buttons --%>
       </td>
    </tr>
</table>

其中一个Button的代码（所有其他代码都以类似方式呈现）

<hx:jspPanel id="b1" rendered="true">
    <p:outputButtonLink id="b11" rendered="true"  
        value="Click Here"
        iconSrc="../../images/click1.gif"
        href="#" onclick="return Show();">
    </p:outputButtonLink>
</hx:jspPanel>

Answer 1

IE不呈现“空”表格单元格。将 放入其中以使IE呈现它们。

<td>&nbsp;</td>

尽管如此，我强烈建议您学习更多关于CSS的内容。使用margin即可轻松解决此问题。

中间空格的按钮上的文字在IE中消失

1 个答案: