Css 将按钮放置在底部中间的面板内(asp.net)

Css 将按钮放置在底部中间的面板内(asp.net),css,button,panel,center,Css,Button,Panel,Center,我读到了关于将一个按钮置于div的中心(底部中间),这就像将一个按钮置于面板的中心一样。 通过在按钮的CSS中添加以下内容,我成功地做到了这一点: position:absolute; margin-left:50%; margin-right:50%; bottom: 5px; 面板css属性为: position:relative; 问题是它将按钮的左侧居中,因此按钮本身及其整个宽度没有居中 如何使按钮居中,使其看起来像是真正居中的按钮?而不是: margin-lef

我读到了关于将一个按钮置于div的中心(底部中间),这就像将一个按钮置于面板的中心一样。 通过在按钮的CSS中添加以下内容,我成功地做到了这一点:

 position:absolute; 
  margin-left:50%;
  margin-right:50%;
  bottom:  5px; 
面板css属性为:

position:relative;
问题是它将按钮的左侧居中,因此按钮本身及其整个宽度没有居中

如何使按钮居中,使其看起来像是真正居中的按钮?

而不是:

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

你应该使用

margin : 0 auto;
而不是
左边距
右边距

它的意思是顶部和底部的边距为0像素(您也可以设置它!!),而左侧和右侧的边距为自动边距。它将居中,目标

并移除
位置:absulote


例如,如果您有
绝对位置
,请这样写:

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

注意:
按钮

宽度
左边距不起作用,按钮出现在左下角。不过还是要谢谢你:)如果你能发布你的实际代码或者给我们一个到测试站点的链接,我们可能会给你更多帮助;我没有,是别人干的。你的答案是正确的,但在“左-50%”中没有负号。应该剩下50%。所以谢谢你:)。我不能将V标记为正确答案,因为人们会在没有阅读我的评论的情况下复制粘贴它,并将其弄错……所以你能编辑它吗?@Rodniko;这是一个打字错误:)如果您不知道px中的宽度,会是什么情况,因为您想使用容器div的百分比,例如按钮必须占宽度的80%。请尝试添加
text align:center到您的面板。
button{
   position:absolute; 
   margin-left:-100px;
   left:50%;
   width:200px;
   bottom:5px;
}