1

我网页中的 ul 和 li 根本不起作用。这是我的 index.html

<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;

谁能帮我弄清楚？谢谢你

4

3 回答 3

2

可能ul是 设置为list-style: none，尽管由于删除了默认的左边距和/或填充，子弹更有可能消失了。如前所述，您也需要发布您的 CSS，或者最好是一个演示该问题的工作示例。

编辑：在 normalize.css，第 270 行，你有这个规则：

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

那就是隐藏你的要点。您可以摆脱第二个列表项规则，也可以使用以下命令覆盖它：

#test li {list-style: disc;}
于 2013-05-29T23:35:43.093 回答
1

如果项目符号不在页面上，最可能的原因是您的 CSS 将您的 ul / li 设置为

list-style: none;

我创建了一个示例来展示它是如何工作的，Example。很多网站都会有一个 reset.css，可以称为别的东西，这就是为什么这些不会在“默认”下显示的原因。如果您提供更多信息，例如您的 css，社区可能会提供更多帮助。

于 2013-05-29T23:17:02.980 回答
0

添加这个css...

CSS

ul#test li {
    margin-left:10px;
    list-style:disc;    
}
于 2013-05-30T04:03:12.133 回答