css - 在底部中心的面板内放置一个按钮(asp.net)

Question

我读到过关于在 div 中将按钮居中(底部居中)的内容，这就像在面板中将按钮居中一样。我通过将此添加到按钮的 CSS 中成功地做到了这一点:

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

面板的 css 属性是:

position:relative;

问题是它使按钮的左侧居中，所以按钮本身及其整个宽度没有居中。

如何使按钮居中，使其看起来像真正居中？

Answer 1

例如，如果你有position absolute，就这样写:

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

注意给 margin-left half button 的width >