如何放置没有空格的按钮？

Question

我需要在面板的左侧放置按钮，没有任何空格。

我是这样做的：

<p:panel style="padding-left:0;border:0">
    <p:commandButton .../>
</p:panel>

但是我在浏览器工具中看到我的内容在另一个内部div中并且它具有默认样式设置：

<div id="A7058:form:j_idt212" class="ui-panel ui-widget ui-widget-content ui-corner-all" style="padding-left:0;border:0">
    <div id="A7058:form:j_idt212_content" class="ui-panel-content ui-widget-content">
        <button id="A7058:form:content">...</button>
    </div>
</div>

因此我的按钮不会像我想的那样向左移动。 如何在左侧放置按钮？

Answer 1

在HTML中，空格是有意义的，默认情况下会折叠为单个空格。您可以修改标记以删除任何空格，但这通常会导致代码不易读取。评论白色空间是另一种可能性。您还可以在CSS中使用font-size: 0强制文本节点（包括空格）不占用任何物理空间，然后对应显示文本的子元素应用第二个字体大小声明。

空间也可能来自边距，填充或边框。使用浏览器的开发人员工具来调查空间的来源。