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

【问题标题】：Why bullet point doesn't show on second column on Chrome为什么项目符号点不显示在 Chrome 的第二列
【发布时间】：2017-10-11 03:42:52
【问题描述】：

我想知道为什么会这样，项目符号在 Safari 和 Firefox 上正常显示，但第二列的项目符号没有出现在 Chrome 上。 ul.ul2col > li display: inline-block 是我发现的一个 hack，但它仍然不允许它在 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 上的表现

在谷歌浏览器上的表现

【问题讨论】：

【解决方案1】：

将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>

【讨论】：

非常感谢。让我试试看。
@HELLOHK 它在 chrome 中工作。我已经签入了 chrome。
@HELLOHK，请注意您不能提供style="ul2col" 。您可以在样式标记中提供内联 css 或将类提供给 ul 标记。您不能在样式标签中定义类名。
我会尝试再给全班同学看看，看看是否可行。
@HELLOHK ，你用的是哪个版本的chrome...？