HTML中的输入字段大小

时间:2014-12-09 11:29:37

标签: html

我是HTML的新手,我有一部分生成标签的代码,它运行正常,但我确实标签大小有问题<label for="voltage-amount;">V</label>我试图使用{{1}喜欢:

display:inline-block

但它没有改变任何东西,这是我正在处理的代码:

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

我仍然没有得到更大的&#34;标签大小:

label

标签应该至少显示6位数字,但并非如此!我在这做错了吗?

**第二次更新**

代码如下:

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

仍然没有变化!再次感谢您的帮助

4 个答案:

答案 0 :(得分:1)

这里有多个问题:

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

删除;属性中的for字符,并将display指令包装到style属性中,如果您希望它起作用。

否则,尺寸`有什么问题?

答案 1 :(得分:1)

我认为您正在尝试为标签添加一些样式,以便在样式属性中指定它:

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

答案 2 :(得分: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>

或您想要的任何尺寸

答案 3 :(得分: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"