對齊p：inputText與標籤

你好，我有一個簡短的問題，爲什麼這不會工作。我想興奮地做你看到的第一個例子，但Primefaces。當我這樣做的時候，它在所有樣式方面都表現出色，但對於使用我希望與Primefaces一起使用。但是當我用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

好吧，我設法弄清楚自己。

我用h：PanelGrid來對齊所有的標籤和Textfields。

這裏是一個簡短的例子。

<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與標籤

回答

相關問題