Css HTML无序列表中的项目符号模糊了一半

Css HTML无序列表中的项目符号模糊了一半,css,html-lists,Css,Html Lists,我有一个无序列表,在每个列表项的左侧显示项目符号。在FF/IE中,项目符号显示一半。在Chrome中,它们根本不显示。通过在中添加左边距:5px,我可以让它们显示出来 但我真正想理解的是它们为什么被隐藏。我宁愿治疗病因而不是症状。我无法在小提琴中复制,因此这里有一个指向该页面的链接。我已经尽可能地将其最小化,并在页面中提供了解释 我正在使用一个叫做Confluence的CMS系统,所以我对html标记没有太多的控制权。这里是标记 <div class="panelMacro">

我有一个无序列表,在每个列表项的左侧显示项目符号。在FF/IE中,项目符号显示一半。在Chrome中,它们根本不显示。通过在
  • 中添加
    左边距:5px
    ,我可以让它们显示出来

    但我真正想理解的是它们为什么被隐藏。我宁愿治疗病因而不是症状。我无法在小提琴中复制,因此这里有一个指向该页面的链接。我已经尽可能地将其最小化,并在页面中提供了解释

    我正在使用一个叫做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>
    
    
    
    • A-此列表没有显示项目符号。如果我把左边的边距加上:6px,我就能看到它。但我不明白为什么会这样。子弹藏在后面的是什么
    • B
    • C
    • D

    尝试添加
    列表样式位置:内部到您的
    ul

    尝试添加
    列表样式位置:内部发送到您的
    ul

    table.infoMacro ul {
    padding-left: 0px;
    }
    
    要么去掉它,要么将填充增加到6px。

    因为这个规则:

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

    要么去掉它,要么将填充增加到6px。

    这就是custom.css第33行的原因:

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

    尝试覆盖此

    这就是custom.css第33行的原因:

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

    尝试覆盖此内容

    如果您通过html逐步升级,您将看到
    设置为溢出:隐藏


    将其更改为溢出:可见;你应该准备好了。

    如果你浏览html,你会看到你的
    设置为溢出:隐藏


    将其更改为溢出:可见;你应该可以走了。

    谢谢,就这样。我一直认为另一个元素正在模糊,或者一个负边距正在从容器中拉出一个元素。从来没有想过在
    ul
    上填充内容会是一项要求。谢谢,就是这样。我一直认为另一个元素正在模糊,或者一个负边距正在从容器中拉出一个元素。从来没有想过在
    ul
    上填充内容会是一项要求。