将按钮放置在底部中心的面板内（asp.net）

Question

我读到关于在 div 内居中（底部中心）按钮，这就像在面板内居中按钮一样。 我通过将其添加到按钮的 CSS 中成功地做到了这一点：

 position:absolute; 
  margin-left:50%;
  margin-right:50%;
  bottom:  5px; 

并且面板 css 属性是：

position:relative;

问题是它以按钮的左侧为中心，因此按钮本身具有整个宽度不居中。

如何使按钮中心居中，以便按钮看起来真正居中？

Answer 1

例如，如果您有绝对位置，请像这样写：

button{
   position:absolute; 
   margin-left:-100px;
   left:50%;
   width:200px;
   bottom:5px;
}

注意：给出margin-lefthalf的按钮的>宽度

Answer 2

而不是：

margin-left:50%;
margin-right:50%;

尝试

margin-left:auto;
margin-right:auto;

Answer 3

您应该使用

margin : 0 auto;

margin-left 和 margin-right 来代替它，

它的意思是顶部和底部的边距为 0 px（您也可以设置它！），以及自动边距左右。它将居中，反对。

并删除 position :absulote;

实时示例