我有一个无序列表,在每个列表项的左侧显示项目符号。在 FF/IE 中,项目符号显示一半。在 Chrome 中,它们根本不显示。通过添加margin-left: 5px
到<li>
我可以让他们出现。
但我真正想了解的是它们为什么被隐藏。我宁愿治疗原因而不是症状。我无法在小提琴中重现,所以这里是该页面的链接。我已将其尽可能简化,并在页面中提供了解释。
http://help.projectorpsa.com/display/doc432m/Test
我正在使用一个名为 Confluence 的 CMS 系统,因此我对 html 标记没有太多控制权。无论如何,这是标记。
<div class="panelMacro">
<table class="infoMacro">
<tbody>
<tr>
<td>
<div class="panel" style="background-color: transparent;border-color: transparent;border-width: 1px;">
<div class="panelContent" style="background-color: transparent;">
<ul>
<li>A - There is no bullet displayed for this list. If I add margin-left: 6px to this <li> then I can see it. But I don't understand why this is happening. What is the bullet hiding behind?</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>