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

相關問題