Question

我只想将文本置于提交按钮内。我不知道我需要做什么

我已经尝试了所有我知道的事情：

.button {
  vertical-align : middle;
  line-height : 40px;
  padding-bottom : 100px;
  text-align : center;
  margin : auto;
  display : block;
}

<input style=' width: 110px; height: 26px;' type=submit  class=button value='Go'>

即使在css上有那么多样式之后，它仍然看起来像

Answer 1

您需要删除padding-bottom属性。这导致了这个问题。

＆＃13;

.button {
vertical-align : middle;
line-height : 40px;
padding-bottom : none;
text-align : center;
margin : auto;
display : block;
}

＆＃13;

<input style=' width: 110px; height: 40px;' type=submit  class=button value='Go'>

＆＃13;

Answer 2

从代码中删除line-height : 40px;和padding-bottom : 100px;，然后选中

.button {
  width: 110px; 
  height: 50px;
  background:#ccc;
  vertical-align : middle;
  text-align : center;
  margin : auto;
  display : block;
}

<input type=submit  class=button value='Go'>

将文本值定位在提交中心内

2 个答案: