gpt4 book ai didi

css - HTML 无序列表的元素符号被遮盖了一半

转载 作者:太空宇宙 更新时间:2023-11-03 21:53:12 25 4
gpt4 key购买 nike

我有一个无序列表,在每个列表项的左侧显示元素符号。在 FF/IE 中,元素符号显示了一半。在 Chrome 中,它们根本不显示。通过添加 margin-left: 5px<li>我可以让他们出现。

但我真正想了解的是为什么它们被隐藏了。我宁愿治疗病因而不是症状。我无法在 fiddle 中重现,所以这是该页面的链接。我已将其尽可能简化并在页面中提供了解释。

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 &lt;li&gt; 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>

最佳答案

因为这条规则:

table.infoMacro ul {
padding-left: 0px;
}

要么去掉它,要么将内边距增加到 6px。

关于css - HTML 无序列表的元素符号被遮盖了一半,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15814958/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com