为什么添加溢出滚动会删除顺风样式项目上的<ul>项目符号？

Question

我正在使用react和tailwind制作一个网站。我想在页面的某个部分的列表中添加一个垂直滚动条，但是当我这样做时，项目符号消失了。为什么会发生这种情况?

<ul className="list-disc overflow-y-auto h-80 space-y-3 text-sm w-full sm:text-md items-start">
{experience.points.map((point, i) => (
<li key={i}>{point}</li>
))}
</ul>

我试过使用overflow-y-scroll代替，但它有相同的效果。我也试过调整列表容器的边距，但这也不起作用。子弹出现时，我没有使用任何溢出实用程序。现在，我只是手动将它们添加到每个列表项字符串中，但我很好奇为什么会发生这种情况。

Answer 1

你缺少的是在tailwind中设置计数器在

内部或外部的css规则。这是类list-inside
plaincss:list-style-position: inside;

默认设置在外部，设置溢出将它们排除

Answer 2

试试这个-

<ul className="list-disc overflow-auto h-80 space-y-3 text-sm w-full sm:text-md items-start p-2">
{experience.points.map((point, i) => (
<li key={i} className='list-disc p-2'>{point}</li>
))}
</ul>