1

让我在这个问题的开头警告我是一个自学成才的（业余）Web 开发人员（而且不是一个很好的开发人员）。我一直在尝试找到一种使用 AP Divs 使网页居中的有效方法。我试过设置“边距：0自动；” 我试过设置“margin-left：auto;”。两者都适用于那个 div。但是我必须使用它作为包装器在其中进行设计，所以当我在其中放置更多 div 时，它们不会居中。

我可能完全接近这个错误；如果是这样，请纠正我。我想要做的基本版本的代码（不工作）如下。如果您运行该代码，如果我要在 apDiv1 中放置一个图像，它会很好地缩放到页面大小；但 apDiv2 中的文本没有。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"     "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Test Page</title>
<style type="text/css">
#apDiv1 {
    margin: 0 auto;
    width:600px;
}
#apDiv2 {
    position:absolute;
    width:50px;
    height:24px;
    z-index:1;
    left: 47px;
    top: 29px;
}
</style>
</head>

<body>
<div id="apDiv1">
  <div id="apDiv2">Hello</div>
</div>
</body>
</html>
4

3 回答 3

0

在我自己看来，使用 appdivs 并不好（因为这取决于您在设计中如何定位它）。你可以自己做（居中的东西），检查这个：

居中（简单示例）

<style>
#header {
margin:auto;
width:600px;
background:#000;
padding:5px;
}
#title {
width:50px;
margin:auto;
background:#CCC;
padding:5px;
}
</style>

<div id="header">
   <div id="title">Hello World</div>
</div>

自定义 AppDivs 添加了额外的样式，这并不是真正需要的:)

于 2012-12-28T03:10:11.157 回答
0

更新示例

好的，经过一些猜测和戳戳，我认为您的意思是您希望将元素绝对定位在居中对齐的包装器内。

position: absolute除非父母有position: relative.

#apDiv1 {
    margin: 0 auto;
    width:600px;
    position:relative;
}
于 2012-12-28T02:21:36.950 回答
0

margin-left:auto;我可以使用and将一个 div 居中在另一个 div 中margin-right:auto;：

工作示例：http: //jsfiddle.net/xjKhT/

于 2012-12-28T02:21:49.947 回答