Question

我想升级我网站的模板。我希望内容在固定宽度居中的div中。这不是问题，网上有很多例子。因为我已经满足于文字和表，我想确保div不会削减某些页面的内容。我不想使用Javascript来调整宽度。有没有办法用div做这个或者我应该用表吗？

Answer 1

没有让你的问题正确，也在垂直中心？如果你希望它垂直居中而不是你需要使用position: absolute;，如果你想让它水平居中，你只需要使用margin: auto;，就像那样......

/* Totally center fixed width content */

.center {
   position: absolute;
   top: 50%;
   left: 50%;
   margin-top: /* Half of the total height of the container div */
   margin-left: /* Half of the total width of the container div */
}

如果您需要水平居中的内容，则需要使用

.horizontal {
   margin: auto;
}

除非您同时使用fixed width div和overflow: hidden;，否则不会裁剪内容

固定宽度页面布局，但可以调整内容

1 个答案: