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