按钮上带有空格的文本在 IE 中消失

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>

其中一个按钮的代码（所有其他按钮的呈现方式类似）

<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 可以轻松解决此问题。