css - h :inputText 周围出现额外空间

Question

我有一个富数据表的列，如下所示:

<h:panelGrid columns="2" width="100%"
style="text-align: center;line-height:0px;">                                                

    <h:outputText value="*"                             style="font: bold 19px;color: red;position: relative;margin:0;padding:0;"
    rendered="#{s:isNotNumber(forecastList.rasMap[mapElements])}"></h:outputText>
    <h:inputText value="#{forecastList.rasMap[mapElements]}"
    readonly="true" onfocus="captureFocus(this,this.form);"
    size="15" 
    style="#{s:contains(forecastList.rasMap[mapElements],'-') ? 'color: red;' : ''};
    text-align: right; vertical-align: middle;background-color: white;margin:0;padding:0;"
    label="For #{forecastList.currencySymbolRas} - #{mapElements},">
    <s:bigDecimalConverter decimalDigits="2" />
    </h:inputText>
                                            </h:panelGrid>

但是我无法删除星号和输入文本框之间的空格。我希望它们彼此靠近。

Answer 1

删除 width="100%" 并(可选)在 h:panelGrid 中添加其他属性:

<h:panelGrid columns="2" border="0" cellpadding="0" cellspacing="0">