CSS列使我的LI项目符号消失

CSS列使我的LI项目符号消失,css,Css,我如何找回我的外部列表子弹 当我在无序列表中使用CSS列和外部光盘项目符号时,我的项目符号将消失,而不考虑列表元素上的填充 ,但我的长线被子弹包住了,这也是我想要避免的 向元素添加负文本缩进也不起作用;它只是删掉了开头的几个字母 我正在使用最新版本的Chrome。Firefox似乎没有受到影响。在列表元素中添加左填充和负文本缩进,同时使列表本身列表样式:在光盘中,似乎可以解决以下问题: .two-column-list { padding: 0 0.4em; list-styl

我如何找回我的外部列表子弹

当我在无序列表中使用CSS列和
外部光盘
项目符号时,我的项目符号将消失,而不考虑列表元素上的填充

,但我的长线被子弹包住了,这也是我想要避免的

  • 元素添加负
    文本缩进也不起作用;它只是删掉了开头的几个字母


    我正在使用最新版本的Chrome。Firefox似乎没有受到影响。

    在列表元素中添加
    左填充和负
    文本缩进,同时使列表本身
    列表样式:在光盘中
    ,似乎可以解决以下问题:

    .two-column-list {
        padding: 0 0.4em;
        list-style: inside disc;
        -webkit-columns: 2;
        -moz-columns: 2;
        columns: 2;
    }
    .two-column-list li {
        padding-left: 1em;
        text-indent: -1em;
    }
    

    您可以在
    ul
    元素上使用
    列表样式位置:inside

    .two-column-list {
        /* all the other stuff */
        list-style-position: inside;
    }
    
    或在
    li
    元素上:

    .two-column-list li {
        /* all the other stuff */
        list-style-position: inside;
    }
    
    .two-column-list li {
        /* all the other stuff */
        margin-left: 1em;
    }
    
    ()

    或者您可以简单地为
    li
    元素分配
    左边距

    .two-column-list li {
        /* all the other stuff */
        list-style-position: inside;
    }
    
    .two-column-list li {
        /* all the other stuff */
        margin-left: 1em;
    }
    

    ).

    似乎只要简单地将列表样式的位置设置为
    内部
    就可以恢复项目符号。剩下的只是定位。我在最初的问题中注意到了这一点。需要在列表元素上添加其他样式,以防止文本在项目符号下换行。然后增加
    边距
    。请发布CSS代码?我更改的唯一代码在答案中,但如果您愿意。。。