無序列表下降APPART HTML

我一直在爲此而努力超過2小時，我不知道解決的辦法......無序列表下降APPART HTML

我試圖創建一個嵌套列表，包含以下項目的每一行：

水果圖片|條形圖|一些數值

水果圖片|條形圖|一些值

這裏是我的代碼：

，這是結果即時得到：

水果的圖片|條形圖|一些數值

      picture of a fruit

|條形圖|有些值

我希望有人能幫助我。提前致謝！

編輯：

刪除字體似乎幫助，任何想法，爲什麼？

.mgValue{ 
    text-align:center; 
    margin-left: 10px; 
    font-size:18px; 
    color:#7D7D60; 
    margin-top: 50px; 
    font-family:'GOTHICB'; 
} 

.gValue{ 
    color:#A09F8E; 
    font-size:14px; 
} 

@font-face{ 
    font-family: 'GOTHICB'; 
    src:url(../Fonts/GOTHICB.TTF); 
}

來源

2014-01-20 Igor Meszaros

a）對一組完全不同類型的對象使用html列表沒有多大意義。 b）如果您將代碼放入JsFiddle.net或Codepen.io中，則可以複製該問題，然後將其提供給我們，以便我們可以更輕鬆地修補您的代碼。 – jlarson

看起來像一個表更好地適合您的數據，而不是嵌套列表 –

所以我添加了jsfiddle鏈接，並在那裏當我拖動結果足夠大，它正在工作，因爲它應該... tho在我的瀏覽器它仍然下降appart ... –

您的格式不正確。你的每個ul元素應該是一個li元素。然後，您可以繼續使用CSS格式化每個li元素中的數據。但是，因爲你的元素不是相似的元素，而是不同類型的數據，所以用這種方式格式化會更有意義。

或者，只需用一組「水果（或其他）」將每組物品包裝在一個div中，然後對div內的元素進行樣式設置。

來源

2014-01-20 21:28:02 bboysupaman

我不能這樣做 –

無序列表下降APPART HTML

回答

相關問題