html - 在 WebKit 中使用列数挂起列表元素符号

Question

在 Chrome 和 Safari 中，下面的代码有 hanging punctuation 在列表以及 CSS3 多列中，隐藏列表元素符号。在 Firefox 中按预期工作(使用 -moz-column-count)。

<style>
div {
    -webkit-column-count: 2
}
ul{
    padding: 0;
    margin: 0;
}
</style>

<div>
    <p>hello world</p> 
    <ul>
        <li>one</li>
        <li>two</li>
    </ul>
    <p>hello world</p> 
</div>

这是一个已知错误吗？我似乎找不到解决方法。

注意:我想要悬挂的元素符号(绿色)，而不是缩进的元素符号(红色):

Answer 1

检查这个..

ul {
    list-style: disc outside none; 
    margin-left: 0; 
    padding-left: 1em;
}
li {
    padding-left: 1em;
}
p{
    padding-left:2em;
}

http://jsfiddle.net/vishnurajv/LB7Rc/