jquery - 如何对齐 CSS 表单

Question

我似乎无法让这个表单在页面的绝对中心对齐，顶部和底部边距为 25 像素。我已经更改并添加了诸如 margin-left:10%; 之类的内容。但它只是改变了图片的间距，而不是将整个文档作为一个整体移动。

这是 JSFiddle：http: //jsfiddle.net/eeEFh/3/embedded/result/

这是我更改css的地方：

.box{
  width: 175px;
  height: 175px;
  background: url('http://placekitten.com/250/200');
  float: left;
  overflow: hidden;
  margin-right: 15px;
  margin-bottom: 15px;
  border: 1px solid #000;
  box-shadow: 0px 0px 15px 0px #666,
              0px 5px 15px 0px #000;
}

Answer 1

我认为你是在试图集中.container，而不是.box

试试这个：

.container {
font-family: Arial;
position: relative;
margin: auto;
width: 780px;
}

Answer 2

我在你的 CSS 上看到了这个错误。你也应该修复这些， .cover .btn {background: none repeat scroll 0 0 #0099CC;border-radius: 0.25em 0.25em 0.25em 0.25em;float: left;margin: 0.5em;padding: 0.5em 1em;}

.box .cover .intro {float: left;font-size: 10pt;height: 4.8em;line-height: 1.2em;overflow: hidden;position: relative;width: 160px; }