Css 将按钮放置在底部中间的面板内(asp.net)
我读到了关于将一个按钮置于div的中心(底部中间),这就像将一个按钮置于面板的中心一样。 通过在按钮的CSS中添加以下内容,我成功地做到了这一点: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
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;
}