html - HTML/文本间距问题

Question

HTML 间距问题 http://img19.imageshack.us/img19/705/ohdear.png

从上图可以看出，我遇到了一些问题。

图片，如果以上内容无法加载

我正在使用 CSS 来保持一切就位......你知道是什么原因造成的吗？

Answer 1

我只是根据我在该图像中看到的内容来猜测您的问题...

看起来您在字段集中有 2 个有序列表。

看起来您的第一个问题是您的有序列表没有左边距样式，因此列表的数字“弹出”字段集。要解决这个问题，只需在您的有序列表中添加一些边距：

ol {
    margin-left: 20px; /* experiment with the 
                          left width until you're 
                          happy with the spacing */
}

您的第二个问题看起来您的列表顶部或底部没有边距，因此它们彼此重叠。这应该可以通过以下样式规则轻松解决（包括上面定义的边距规则）：

ol {
    margin: 20px 0px 20px 20px;
    /* again, experiment with the margin size until you're happy with it */
}

这是我能做的最好的事情，而无需看到您拥有的标记或样式。