如何居中对齐此表单?我试过了,margin-left:auto;, margin:50px;, margin: 0 auto 0 auto;和其他几个代码,但似乎没有任何效果。我希望所有内容都居中对齐,如果我想添加其他元素,它们也将居中。
这是 jsfiddle:http://jsfiddle.net/ffKKN/1/
这是CSS:
.radio div[type='radio'] {
background: transparent;
border:0px solid #dcdcdc;
border-radius:10px;
padding:0px;
float:left;
margin-left: 10px;
cursor:pointer;
}
.radio div.active {
box-shadow:0 0 2px 0px transparent inset;
}
.tablebuttons img {
width: 60px;
height: 55px;
border: 0px solid #666;
background: #fff;
display:block;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}
.question {
margin-left: auto;
display: none;
clear: both;
}
.question:nth-child(1) {
display:block;
}
#linkDiv {
margin: 0;
}
.clear {
clear: both;
}
最佳答案
问题是表单有 block
显示,并扩展到其容器的 100% 宽度。您可以将显示切换为 inline-block
,这样它就会根据表单的子项展开。
不需要固定宽度。
body {
text-align: center;
}
#quiz {
overflow: hidden;
display: inline-block;
}
关于html - 如何居中对齐表格,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18665809/