0

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

我这样做：

<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>

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

4

1 回答 1

0

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

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

于 2013-09-04T17:09:41.267 回答