2014-12-09 63 views
0

我是HTML新手,我有一部分代碼可以生成標籤,但它工作正常,但我確實遇到了標籤大小問題,<label for="voltage-amount;">V</label>我試圖使用display:inline-block,比如:輸入字段大小爲HTML

`<label for="voltage-amount;"display:inline-block>V</label>` 

但它並沒有改變什麼,這裏是我工作的代碼:

<div id="voltage-box" class="box"> 
    <p>voltage limit:</p> 
    <input name="aoutu" type="text" id="voltage-amount" class="slicknumber" value="<%= format("%0.3f",channel.valueor 0)%>"/> 
    <label for="voltage-amount;">V</label><div id="voltage"></div> 
</div> 

一個想法,我怎麼能做到這一點,謝謝!

UPDATE

感謝您的幫助這裏是我現在已經完成:

<div id="voltage-box" class="box"> 
    <p>voltage limit:</p> 
    <input name="aoutu" type="text" id="voltage-amount" class="slicknumber" value="<%= format("%0.3f",channel.aoutu or 0)%>"/> 
    <label for="voltage-amount" style="display:inline-block">V</label> <div id="voltage"></div> 
</div> 

,我仍然沒有得到標籤的「大」尺寸:

label

標籤應至少顯示6位數不是這種情況!我在這裏做錯了什麼?

**月2日更新**

代碼如下:

<input name="aoutu" type="text" id="voltage-amount" class="slicknumber" style="display: inline-block; width: 300px" value="<%= format("%0.3f",channel.aoutu or 0)%>"/> 

,仍然沒有任何變化!再次感謝您的幫助

+0

究竟是什麼問題? – 2014-12-09 11:31:08

+3

你必須使用style =「display:inline-block」。 – NULL 2014-12-09 11:32:14

+1

正試圖做出更大的輸入字段,以顯示至少6位數字,或想要使標籤「V」更大? – NULL 2014-12-09 11:44:02

回答

1

任何規模大小我想你想這樣的產品......

<input name="aoutu" type="text" id="voltage-amount" class="slicknumber" style="display:inline-block" value="<%= format("%0.3f",channel.aoutu or 0)%>"/> 

如果這不是令人滿意的,那麼你可以添加CSS width更展開。示例

style="display: inline-block; width: 30px" 
+0

@it Aminul我試過了,該字段仍具有相同的大小:\ – Engine 2014-12-09 12:22:12

+0

您是否嘗試過該示例? – NULL 2014-12-09 12:32:37

+0

是的,我複製並粘貼它,沒有任何改變! – Engine 2014-12-09 12:33:22

1

多個這裏的問題:

<label for="voltage-amount" style="display:inline-block">V</label> 

刪除在for屬性;性格和包裹display指令爲style屬性,如果你想要的工作。

否則,大小問題是什麼?

+0

@barther謝謝我已更新問題 – Engine 2014-12-09 11:39:12

1

我想你想添加一些樣式的標籤,你已經在樣式屬性來指定它:

<label for="voltage-amount" style="display:inline-block">V</label> 
+0

謝謝,但它仍然無法正常工作我已更新問題 – Engine 2014-12-09 11:39:44

1
<label for="voltage-amount;"display:inline-block>V</label> 

這是錯誤的使用內嵌樣式

<label for="voltage-amount;" style="display:inline-block">V</label> 

如果你想工作的字體大小做這樣的事情

<label for="voltage-amount;" style="display:inline-block; font-size: 30px">V</label> 

,或者你想