Question

我希望将所有元素放在页面正文中心，而不将中心格式应用于段落。例如，我希望我的段落保持对齐，但整体而言，以网页窗口为中心。

我试过

<body>
    <div align="center">
        <p></p>
        <img>
    </div>
</body>

但是，虽然这会将页面中正文中的所有元素都集中在一起，但它也会强制在段落中居中对齐。

Answer 1

为p元素添加一些CSS。

p {
   text-align: left;
}

您应该使用margin: 0 auto来居中块级元素。这也具有不改变内联中心的优点。

Answer 2

如果您知道主要内容的宽度，可以使用保证金：auto;类似于：

<强> HTML

<body>
<div class="main">
    <p>hello world</p>
    <img>
</div>
</body>

<强> CSS

body { 
    width: 200px;
    margin:auto;
}
.main {
    align: right;
    background:#eee;
}

Answer 3

我认为这就是你需要的：

居中的div，左边的段落，左边的图像

Answer 4