Question

现在我已经有了这个按钮中间的文字，当你将鼠标悬停在它上面时，按钮的高度和宽度会发生变化，但是当你悬停时，文字会略微移动到左上角。我很好奇当我将鼠标悬停在它上面时，我将如何让它留在中心。任何帮助都会很棒。谢谢！

＆＃13;

DownloadFileCompleted

＆＃13;

.center{
  height:100px;
  width:100px;
  background-color:blue;
  margin-left:auto;
  margin-right:auto;
  margin-top:auto;
  margin-bottom:auto;
  position:absolute;
  border:3px solid black;
  border-radius:15px;
  left:0;
  right:0;
  top:0;
  bottom:0;
  float:left;
}

.center h1{
  color:Red;
  -webkit-text-stroke-width: 1.5px;
  -webkit-text-stroke-color: black;
  font-size:32px;
  position:absolute;
  padding-left:3px;
  padding-top:5px;
}

.center:hover{
  border:5px solid black;
  height:115px;
  width:115px;
}

＆＃13;

Answer 1

嗯，有很多不同的方法来集中内容，我可能不会选择你到目前为止的方法，但是，如果你想坚持下去，只需调整{{1}的填充。适当地：

<h1>

如何将此文本保留在按钮中间？

1 个答案: