Question

出于某种原因，<p>列中on this page列中的图像不居中。它们都被包含在相同的div中（#event）。

.event {
    position:relative;
    right:auto;
    left:auto;
    width: 315px;
    height:100%;
    margin:5px 0px 0px 0px;
    }
img.event {
    position:relative;
    align:center;
    width:315px;
    height:auto;
    margin:auto;
    padding:10px 0px 0px 0px;
    }
p.event {
    position:relative;
    right:auto;
    left:auto;
    width:315px;
    height:auto;
    padding:0px 0px 0px 0px;
    font-family: helvetica, sans-serif, Arial;
    font-size: 16px;
    letter-spacing: 1.2pt;
    border-bottom: 2px dotted #333333;
    }

Answer 1

将以下内容添加到img.event：

right:auto;
left:auto;

Answer 2

我认为你需要先纠正你的标记。你有嵌套在锚标签内的p标签。我认为这会给你一种幻觉，即你的p标签居中，而实际上它们不是。

我不是要苛刻，但是如果你有正确的标记，调试你的问题可能会更容易。

如何使列中的图像居中？

2 个答案: