如果我使用列表标记来表示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？

回答

相关问题