ul和li在我的网页中根本不起作用。这里是我的index.htmlCSS ul li子弹消失

<div id="main" class="core"> 
    <div id="background">  
    </div> 
    <div id="content"> 
     <div id="default"><div></div></div> 
    </div> 
    <div id="map" class="special"></div> 

</div>

这是我的page.php文件

// Care for the Square 
case 'care-for-the-square': 
    echo ' 
    <p>On an annual basis the Friends fund: </p> 
    <ul id="test"> 
    <li>Landscaping</li> 
    <li>Tree care</li> 
    <li>Grass seeding</li> 
    <li>Graffiti removal</li> 
    <li>Bench repair</li> 
    <li>Supplemental seasonal maintenance staff</li> 
    <li>Sidewalk sweeing</li> 
    <li>A dedicated park ranger</li> 
    <li>Excess seasonal trash removal</li> 
    <li>Holiday lights</li> 
    <li>Doggie bags</li> 
    </ul><br/> 

    '; 
    break;

任何人都可以帮我弄明白？谢谢

来源

2013-05-29 Han

欢迎堆栈溢出user2434428！当你说这个功能“不起作用”时，你究竟是什么意思？这有很多不同的含义。为了帮助其他用户了解您的问题，请尝试添加一些代码以提供帮助。 –

它在jsfiddle上正常工作。你在使用任何CSS文件吗？也许你已经在你的css文件中覆盖了ul/li的默认样式。 – DanielX2010

tou如何设计你的代码？你能提供更多的信息吗？ – Rapture

可能是ul设置为list-style: none，虽然由于缺省左边距和/或填充已被删除，子弹消失的可能性更大。如上所述，您还需要发布您的CSS，或者最好是一个演示问题的工作示例。

编辑：在normalize.css，线270，你有这样的规则：

menu, ol, ul, li { 
    padding: 0; 
    list-style: none; 
}

这隐藏了要点。您可以摆脱第二个列表项规则的，或与此覆盖它：

#test li {list-style: disc;}

来源

2013-05-29 23:35:43

这是我的css文件 – Han

好的，我已经使用一个解决方案编辑了我的文章。 –

谢谢ralph.m !!!我解决了这个问题！ – Han

如果子弹是不是网页上，最可能的原因是你的CSS设置您的UL /李来

list-style: none;

我创建展示它是如何工作的，Example一个例子。许多网站都会有一个reset.css，可以被称为别的，这就是为什么这些不会被“默认”显示出来。如果你提供更多的信息，比如你的CSS，社区可能会进一步提供帮助。

来源

2013-05-29 23:17:02 AJak

我正准备在这里粘贴我的所有代码，但系统说“这几乎是代码，请添加更多细节”。我不知道这是什么意思？ – Han

添加在这个CSS ...

CSS

ul#test li { 
    margin-left:10px; 
    list-style:disc;  
}

来源

2013-05-30 04:03:12 yeyene

CSS ul li子弹消失

回答

CSS

相关问题