无序列表不会在WordPress自定义主题帖子中显示项目符号

时间:2012-06-10 23:47:36

标签: css wordpress html-lists

我在WordPress博客文章中有一个无序列表,不会显示子弹。我已经尝试了多种方法来展示它,但它不会。

这是链接(桌面图像上方的文字): http://www.sherigarvin.com/work-project-3/

这是我尝试过的:

  • 删除了css reset
  • 中的ul / ol规则
  • 添加了具有list-style的特定ul规则:disc; &安培;列表样式类型:光碟;添加列表样式:光盘;要css重置
  • 使用list-style:disc添加了一般规则到style.css; &安培;列表样式类型:光碟;
  • 列表样式类型的内联样式:光盘;

感谢您的帮助......

3 个答案:

答案 0 :(得分:2)

我建议在margin-left元素中添加li,或者可能声明:list-style-position: inside;(将disc置于宽度范围内li元素,用于演示规则是否适用)。

ul li {
    list-style-type: disc;
    margin-left: 1.5em; /* which should give space for the disc to show */
    list-style-position: inside; /* will put the disc inside of the li
                                    element, for debugging purposes */
}

参考文献:

答案 1 :(得分:2)

要看的另一件事是看看你的css元素上是否有display:block。删除display:block会使列表样式再次出现。

答案 2 :(得分:0)

这是我在UL上使用的内联样式,似乎效果更好:

<ul style="list-style-type: disc;
margin-left: 2.5em; 
list-style-position: outside;">