为什么项目符号点不会显示在Chrome上的第二列

我想知道为什么会发生这种情况，该项目符号在Safari和Firefox上正常显示，但第二列的项目符号不会显示在Chrome上。 ul.ul2col> li display：inline-block是我发现的一个黑客，但它不允许它在Chrome上仍能正常工作。为什么项目符号点不会显示在Chrome上的第二列

<ul style="ul2col"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
<ul>

我的CSS

.ul2col { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2} 
ul.ul2col > li { display: inline-block }

它是如何在Safari和Firefox

它是如何在谷歌浏览器

来源

2017-10-11 HELLOHK

您使用的引导？ –

@TheDictator是的，我正在使用Bootstrap。 – HELLOHK

给list-style-position: inside;至.ul2col li类。

.ul2col { 
 
    column-count: 2; 
 
    -webkit-column-count: 2; 
 
    -moz-column-count: 2; 
 
} 
 
.ul2col li{ 
 
    list-style-position: inside; 
 
}

<ul class="ul2col"> 
 
    <li>Item 1</li> 
 
    <li>Item 2</li> 
 
    <li>Item 3</li> 
 
    <li>Item 4</li> 
 
<ul>

来源

2017-10-11 03:52:01

非常感谢。让我试着看看它。 – HELLOHK

它似乎没有在Chrome浏览器上工作:( – HELLOHK

@HELLOHK它的工作在铬。我已经检查铬。 –

为什么项目符号点不会显示在Chrome上的第二列

回答

相关问题