Question

我在这里有“主要”div： http://tallevi.net/daniel/?page_id=5 如果我更改屏幕分辨率div不在中间，目前“主”div的CSS是：

.#main {
width: 680px;
position: absolute;
right: 35%;
padding: 0 40px 5px 40px;
font: normal 14px Verdana, Arial, sans-serif;
line-height: 20px;
display: inline-block;
z-index: 2;
background: url(images/content_back.png) repeat-y;
}

有什么不对吗？

Answer 1

将元素居中的最佳方法是使用margin: 0 auto;，尝试将代码更改为：

#main {
  width: 680px;
  margin: 0 auto;
  padding: 0 40px 5px 40px;
  font: normal 14px Verdana, Arial, sans-serif;
  line-height: 20px;
  z-index: 2;
  background: url(images/content_back.png) repeat-y;
}

保证金：0自动为左右设置“自动”保证金，基本上以它为中心。（这仅在您指定设置宽度时才有效）

Answer 2

设置Div margin:0 auto;的边距并根据需要应用其他必需的属性。

Answer 3

从div中删除所有样式并应用以下css：

.centerdiv
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0 40px 5px 40px;
  font: normal 14px Verdana, Arial, sans-serif;
  line-height: 20px;
  z-index: 2;
  background: url(images/content_back.png) repeat-y;
}

中心div位于屏幕中间

3 个答案: