html - html 源代码中的第一列在其他列下方显示 1 行

Question

我有一个标准的 html 源和一个带有常规 <ol> 的文本在其中列出我希望以 2、3 或 4 列的形式显示在页面上，例如 (没有要使用的表格)。当我在 CSS 中说出我想要发生的事情时，文本会分成几列，但第一列比其他列低 1 行开始。如何使所有列显示在同一起始级别？这是 HTML 部分:

<div id="references">   
    <ol>
        <li>Some text</li>
        <li>Some other text</li>
        <li>And again some text</li>
    </ol>
</div>

这是从 http://www.w3schools.com/cssref/css3_pr_column-width.asp 中的文档中简单复制的 CSS 部分:

#references {
    -webkit-column-width: 30em; /* Chrome, Safari, Opera */
    -moz-column-width: 30em; /* Firefox */
    column-width: 30em;
}

Answer 1

这是因为ol有边距。您可以将其删除，以便所有列表元素对齐。

ol {
    margin-top: 0px;
}

http://jsfiddle.net/ous9y59w/