Html 按钮位置问题

Html 按钮位置问题,html,layout,button,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

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

这是密码

<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()"/> 







在这里您可以看到屏幕截图


有什么想法吗?

您在样式属性中放错了分号。我已经给你修好了

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


可能是
有问题
高度:25px“

所以只要去掉分号就行了

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

以下是演示:

应该是

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

尝试删除“文本对齐:顶部;或者尝试复制其他按钮的所有属性

提交按钮在哪里?输入type=“submit”是您可以在屏幕快照中看到的问题。添加值行的问题我尝试使用“text align:center”“但是没有效果,我不能重新设计这个:它在IE9、FF和Chrome上看起来很好。是否有其他样式应用于该按钮,可能来自一个单独的CSS文件?好的,我修复了这个问题,但问题仍然存在,文本仍然在同一个位置,原因不明,对我来说是相同的,这不是问题,或者至少不是唯一的问题,如果我将类型更改为按钮,则确定可能是您有CSS覆盖文本align:top for submit。
style = "width: 100px;  text-align: top; height: 25px;"