用ul组织一些内容(看起来像网格状)

Question

嘿伙计们,我需要在选择div中显示来自巴西的所有27个州,我真的需要使用UL来做这个...这是他们应该看起来的投影: alt text http://img24.imageshack.us/img24 /8726/statesf.jpg

这是UL的一部分:你会建议什么？我可以用这个标记吗？

<ul class="ufLista">
                <li>
                    <ul>
                        <li><a href="#" title="AC">AC</a></li>
                        <li><a href="#" title="AL">AL</a></li>
                        <li><a href="#" title="AM">AM</a></li>
                     </ul>
                </li>
                <li>
                    <ul>
                        <li><a href="#" title="CE">CE</a></li>
                        <li><a href="#" title="DF">DF</a></li>
                        <li><a href="#" title="ES">ES</a></li>
                    </ul>
                </li>
                <li>
                    <ul>
                        <li><a href="#" title="MT">MT</a></li>
                        <li><a href="#" title="MS">MS</a></li>
                        <li><a href="#" title="MG">MG</a></li>
                    </ul>
                </li>
             </ul>

Answer 1

这些列表是否必须嵌套？如果它只是一个列表,如:

<ul>
<li>one</li>
<li>two</li>
<li>three</li>
<li>Four</li>
<li>five</li>
<li>six</li>
<li>seven</li></ul>

然后你可以用它来设置样式:

ul { width: 300px; list-style: none; line-height: normal; }
li { float: left; width: 98px; border: 1px black solid; }

并且很容易获得"网格"效果.