p：inputTextとラベルの整列

こんにちは、私はこのことがうまくいかないという短い質問があります。最初の例ではPrimefaceを使用して見せたことを誇らしげに実行したいと思います。私はこれを好きにすると、それはすべてスタイリングという点では効果的ですが、使い方についてはPrimefaceを使いたいと思います。しかし、私は同じことをp：inputTextだけではなく、ちょうどそれを入力するだけでやっています。ここでp：inputTextとラベルの整列

.labels { 
 
    float:left; 
 
    line-height:1.7em; 
 
    padding-right:2em; 
 
} 
 
.inputs { 
 
    line-height:1.7em 
 
}

<fieldset> 
 
    <div class="labels"> 
 
    <label>Label1</label><br/> 
 
    <label>Label2</label><br/> 
 
    <label>Label3</label><br/> 
 
    </div> 
 
    <div class="inputs"> 
 
    <input type="text" id="inpput1" value=""/><br/> 
 
    <input type="text" id="inpput2" value=""/><br/> 
 
    <input type="text" id="inpput3" value=""/><br/> 
 
    </div> 
 
</fieldset>

それは総理の顔とどのように見えるかです。

.labels { 
 
    float:left; 
 
    line-height:1.7em; 
 
    padding-right:2em; 
 
} 
 
.inputs { 
 
    line-height:1.7em 
 
}

<fieldset> 
 
    <div class="labels"> 
 
    <label>label1</label><br/> 
 
    <label>label2</label><br/> 
 
    <label>label3</label><br/> 
 
    </div> 
 
    <div class="inputs"> 
 
    <p:inputText id="test1" value=""/><br/> 
 
    <p:inputText id="test2" value=""/><br/> 
 
    <p:inputText id="test3" value=""/><br/> 
 
    </div> 
 
</fieldset>

出典

2017-01-17 Frekell

[OK]私はそれを自分自身から把握することができました。

h：PanelGridを使用して、すべてのラベルとテキストフィールドを整列させました。

ここにその短い例があります。

<h:panelGrid column="2"> 
 
    <label>label1</label> 
 
    <p:inputText/> 
 
    <label>label2</label> 
 
    <p:inputText/> 
 
    <label>label3</label> 
 
    <p:inputText/> 
 
</h:panelGrid>

これは、ここでexcecuteableではありませんが、NetBeansで動作します。

出典

2017-01-17 13:40:23 Frekell

あなたはライブラリが含まれたのですか？あなたのコードは正しいようです。

<html xmlns="http://www.w3.org/1999/xhtml" 
     xmlns:h="http://java.sun.com/jsf/html" 
     xmlns:f="http://java.sun.com/jsf/core" 
     xmlns:p="http://primefaces.org/ui"> 

<fieldset> 
    <div class="labels"> 
    <label>label1</label><br/> 
    <label>label2</label><br/> 
    <label>label3</label><br/> 
    </div> 
    <div class="inputs"> 
    <p:inputText id="test1" value=""/><br/> 
    <p:inputText id="test2" value=""/><br/> 
    <p:inputText id="test3" value=""/><br/> 
    </div> 
</fieldset>

出典

2017-01-17 08:00:03 Gabbax0r

はいライブラリを追加しましたが、それでも動作しません。 – Frekell

エラーがある場合、またはライブラリが含まれている場合は、開発者ツール（ブラウザコンソール）にチェックインしましたか。多分あなたはあなたのブラウザキャッシュをクリアする必要があります。 – Gabbax0r

これもありましたか？全く動作しません。 – Frekell

p：inputTextとラベルの整列

答えて

関連する問題