Html 如何将锚定标记与中间的按钮对齐

我有一个按钮链接，我想对齐中心，水平。这是按钮的代码-

HTML: 现在，我想把它放在中间，请建议一个可能的CSS，你可以在

附言：-我不想用标签

给你：

给你：

---

如果要将整个按钮与标记对齐，请使用此选项

如果要在标记内对齐按钮中心，也可以使用此选项

---

如果要将整个按钮与标记对齐，请使用此选项

如果要在标记内对齐按钮中心，也可以使用此选项

试试这个：

body{ /* or parent element */
    text-align: center;
}
a{
    /* wraps this element according to width of the child element.(here) */
    display: inline-block; 
} 

试试这个：

body{ /* or parent element */
    text-align: center;
}
a{
    /* wraps this element according to width of the child element.(here) */
    display: inline-block; 
} 

为什么要在a中使用按钮。你可以只使用一个。并使父对象的文本与中心对齐

并为链接设置填充：

.downloadButton { padding: 7px 20px 8px 20px; }

为什么要在a中使用按钮。你可以只使用一个。并使父对象的文本与中心对齐

并为链接设置填充：

.downloadButton { padding: 7px 20px 8px 20px; }

---

制作按钮中心的简单方法： HTML标记：

<a href="#"><button class="button" style="vertical-align:middle"><span>Login</span></button></a>

---

制作按钮中心的简单方法： HTML标记：

<a href="#"><button class="button" style="vertical-align:middle"><span>Login</span></button></a>

---

这会有一些问题！您还需要为按钮设置宽度：150。@faridzs不太可能，您也可以设置宽度：100%，正如我在小提琴中所显示的。@Jan.J-不适合我，请先查看图片或访问实际页面：内联块和块不相同。第二：要对定心元素使用自动边距，您需要将元素宽度设置为<100%。这将有一些问题！您还需要为按钮设置宽度：150。@faridzs不太可能，您也可以设置宽度：100%，正如我在小提琴中所显示的。@Jan.J-不适合我，请先查看图片或访问实际页面：内联块和块不相同。第二：要对中心元素使用自动边距，您需要将元素宽度设置为<100%。为什么要在a中使用按钮？你可以只使用一个。并使父对象的文本与中心对齐。看这个。@NOX-你们是如何设置按钮的宽度大于写在上面的文本的？通过设置下载按钮的填充：填充：7px 20px 8px 20px；。为什么要在a中使用按钮？你可以只使用一个。并使父对象的文本与中心对齐。看这个。@NOX-你们是如何设置按钮的宽度大于写在上面的文本的？通过设置下载按钮的填充：填充：7px 20px 8px 20px-不为我工作，请在处查看图像或访问实际页面-不为我工作，请在处查看图像或访问实际页面。。我喜欢这个解决方案。。我可能在找像这样的人太神了我喜欢这个解决方案。。我可能在找像这样的人

.downloadButton { padding: 7px 20px 8px 20px; }

<a href="#"><button class="button" style="vertical-align:middle"><span>Login</span></button></a>

.button {
  display: inline-block;
  border-radius: 4px;
  background-color: #E80C11;
  border: 5px;
  border-radius: 15px;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}