css - 按键中心定位

Question

我在将按钮居中放置在表格的一行中时遇到问题。我使用了宽度和边距，但它不起作用。你能帮我吗？这是该按钮的代码(在 css 中):

 .subm {
position:relative;
width:130px;
margin-left:auto;
margin-right:auto;
background-image:url('background.bmp');
border:none;
color:white;
opacity:1;
height:25px;
outline:0 none;
box-shadow:1px 1px 2px black

}
.subm:hover {
background-image:none;
background-color:darkgray;
box-shadow:10px 10px 10px black
}

.subm:active {
color:black ;
font-weight:bold;
width:128px;
height:24px;
background-image:none;
background-color:dimgray;
}

Answer 1

简单地试试这个

button{
    height:20px; 
    width:100px; 
    position:relative;
    top:50%; 
    left:50%;
}

对于水平对齐，可以使用

button{
    margin: 0 auto;
}

DEMO