按钮位置问题

时间:2013-01-09 08:59:35

标签: html layout button

好,所以这是我的代码,问题是我有一个按钮和一个提交,但由于某些未知的原因,提交按钮中的文字放错了位置

这是代码

<input type="button"  id="openerCol" style = "width: 100px; height: 25px" value="Add new column" onclick="showPartial()"/>
 <br/>
 <input type="button"  id="openerInsCol" style = "width: 100px; height: 25px" value="Insert column" onclick="showPartial()"/>
 <br/>
 <input type="button"  id="openerUpCol" style = "width: 100px; height: 25px" value="Update column" onclick="showPartial()"/>
 <br/>
 <input type="button"  id="opener3" style = "width: 100px; height: 25px" value="Delete column" onclick="showPartial()"/>
 <br/>
 <input type="submit" name="Index" style = "width: 100px;  text-align: top; height: 25px"; value="Add Row" />
 <br/>
 <input type="button"  id="openerDelR" style = "width: 100px; height: 25px" value="Delete row" onclick="showPartial()"/>
 <br/>
 <input type="button"  id="openerEditCell" style = "width: 100px; height: 25px" value="Edit cell" onclick="showPartial()"/> 

在这里,您可以看到屏幕截图http://tinypic.com/r/rwpc48/6

任何想法?

4 个答案:

答案 0 :(得分:2)

你在style属性中放错了分号。我已经为你修好了这条线

 <input type="submit" name="Index" style = "width: 100px;  text-align: top; height: 25px;" value="Add Row" />

答案 1 :(得分:0)

;

中的height: 25px";可能存在问题

所以只需删除该分号。

我只是复制并粘贴您的代码,删除;后它看起来很好。

以下是演示:JSFiddle

答案 2 :(得分:0)

style = "width: 100px;  text-align: top; height: 25px";

应该是

style = "width: 100px;  text-align: top; height: 25px;"

答案 3 :(得分:0)

尝试删除“text-align:top;”或尝试复制其他按钮的所有属性