如果我使用列表標記來表示CSS，我該如何寫CSS？

-2

我想使標籤列表如下所示。
然後我想使用CSS和列表標記。如果我使用列表標記來表示CSS，我該如何寫CSS？

我該如何做到這一點？

Tags: Apple Banana Melon Strawberry Kiwi Orange 
     Pineapple Carrot Onion Tomato Bacon Sandwitch 
     SoyBeans Pork Beef Chicken

來源

2013-01-09 Foo

我會將此標記爲[這個副本（http://stackoverflow.com/questions/14232167/how -can-i-code-css-to-make-table-like/14232516＃comment19744787_14232516）除了這是特別詢問使用列表，並且給出的答案沒有解決這個問題。 – Quentin

http://jsbin.com/ojives/2

<!DOCTYPE html> 
<html> 
<head> 
<meta charset=utf-8 /> 
<title>JS Bin</title> 
<style> 
    h1 { font-weight: normal; font-size: 100%; } 
    aside { display: table; } 
    aside h1 span:after { content: ":"; } 
    aside h1, 
    aside ul { display: table-cell; } 
    aside li { display: inline; } 
</style> 
</head> 
<body> 
    <aside> 
    <h1><span>Tags</span></h1> 
    <ul> 
     <li>Apple 
     <li>Banana 
     <li>Melon 
     <li>Strawberry 
     <li>Kiwi 
     <li>Orange 
     <li>Pineapple 
     <li>Carrot 
     <li>Onion 
     <li>Tomato 
     <li>Bacon 
     <li>Sandwitch 
     <li>SoyBeans 
     <li>Pork 
     <li>Beef 
     <li>Chicken 
    </ul> 
    </aside> 
</body> 
</html>

來源

2013-01-09 10:15:40 Quentin

有沒有任何可能的方法不使用

你可以使用你喜歡的任何包裝器元素（並且應該使用最符合語義的包裝器元素）。「擱置」是基於猜測背景是什麼而作出的選擇。（請注意，如果不使用旁邊的話，h1的語義會發生變化，因此您可能也需要更改該元素）。 – Quentin

感謝您的建議。 – Foo

-1

你應該先結束你<li>標籤。

其次，寫出來供大家<asid>一個屬性是：width : 360px;要像你想

來源

2013-01-09 10:24:27 Xtra

如果我使用列表標記來表示CSS，我該如何寫CSS？

回答

相關問題