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 では、空白は意味があり、既定では単一のスペースに折りたたまれます。マークアップを変更して空白を削除することはできますが、これによりコードが読みにくくなることがよくあります。空白をコメントアウトすることも別の可能性です。CSS で を使用font-size: 0して、テキスト ノード (空白を含む) が物理的なスペースを占有しないようにし、テキストを表示する必要がある子要素に 2 番目の font-size 宣言を適用することもできます。

スペースは、マージン、パディング、またはボーダーからも発生する場合があります。ブラウザーの開発者ツールを使用して、スペースがどこから来ているかを調査します。

于 2013-09-04T17:09:41.267 に答える