無序列表中的演示文稿問題

我在正常顯示無序列表中的項目時遇到問題。標籤向左浮動，長度相關的跨度包裹並顯示在標籤下方。我需要一個將相關跨度保留在各自列中的解決方案。換句話說，我不想在標籤下面顯示很長的跨度。我可以利用哪些資源，以便在所有流行的瀏覽器（包括IE6）中獲得所需的佈局？先謝謝您的幫助。無序列表中的演示文稿問題

我的代碼如下：

<ul> 
    <li> 
     <label>Name</label> 
     <span><%= Html.Encode(Model.Name) %></span> 
    </li> 
    <li> 
     <label>Entity</label> 
     <span><%= Html.Encode(Model.Entity) %></span> 
    </li> 
    <li> 
     <label>Phone</label> 
     <span><%= Html.Encode(Model.Phone) %></span> 
    </li> 
</ul>

我的CSS樣式如下：

ul 
{ 
    display:block; 
    list-style-type:none; 
    margin:0; 
    padding:0; 
} 

ul li label 
{ 
    float:left; 
    width:100px; 
}

來源

2010-06-07 phreeskier

我個人建議您使用定義列表，或者甚至可以使用這種類型的信息表。 – 2010-06-07 18:49:24

「標籤」標籤不適用於此類用途。你應該考慮使用'dl'。 – mqchen 2010-06-07 18:51:49

爲什麼標籤標籤不適用於此用途？使用定義列表有什麼好處？在此先感謝您的澄清。 – phreeskier 2010-06-07 20:32:24

這在Firefox。它也應該在IE6中工作。

ul li span { 
    display: block; 
    margin-left: 100px; 
}

來源

2010-06-07 19:38:56 Zackman

無序列表中的演示文稿問題

回答

相關問題