项目符号消失与CSS3列 [英] Bullets disappear with CSS3 columns

问题描述

当我使用CSS3将它们转换为列时，我的列表项上的项目符号消失。有任何想法或建议如何更正？

The bullets on my list items disappear when I convert them to columns using CSS3. Any ideas why or suggestions on how to correct it?

查看示例： http ：//jsfiddle.net/gduDm/1/

ul li {
    list-style-type: disc !important;
    column-break-inside: avoid;
}
ul {
    list-style-type: disc !important;
    margin-top: 1em;
    column-count: 2;
    column-gap: 0.5em;
}

推荐答案

，但它们正在呈现在查看区域的左侧。尝试：

I think the bullets are there, but they're being rendered to the left of the viewing area. Try:

list-style-position: inside;

这篇关于项目符号消失与CSS3列的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！