我这里有“主要”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;
}
怎么了?
最佳答案
使元素居中的最佳方法是使用 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;
}
Margin: 0 auto 为左右设置一个“自动”边距,本质上是居中。 (这仅在您指定设置宽度时有效)
关于html - center div 在屏幕中间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13471756/