DIV+CSS布局中常用的列表元素(ul ol li dl dt dd)详解

虽然DIV不像TABLE那要需要把容器内的内容都加载了才能显示,但是为了标准化,当然还是越少嵌套越好。

常用的列表元素有ul ol li dl dt dd,其中ul li用得比较多。先说说ol与ul,其实两者是一样的。

<ol>是有序列表

1
2
3
4
5
6
7
8
9
<ol>
<li>……</li>
<li>……</li>
<li>……</li>
</ol>
页面显示为:
1……
2……
3……

<ul>是无序列表
页面显示为li前是大圆点而不是123……

dl dt dd的用法

1
2
3
4
5
<dl>//dl为内容块
<dt>内容标题</dt>//dt为内容块的标题
<dd>内容1</dd>//dd为内容
<dd>内容2</dd>
</dl>

dt 和dd中可以再加入 ol ul li p等标签。熟练运用这些列表元素,可以在布局时减少DIV的嵌套。

相关文章

Moondy 发表于 2009-2-8 1,014 Views | 类别: Xhtml/Css

2条留言 立即发表评论

  1. #1匿名 @ 2009-7-10 10:10 回复

    如果css改成float:left;就会横向排列的

    • Moondy @ 2009-7-10 10:35 回复

      是的呀,不过个人认为如果要横向排列的话,用display:inline比较好点。

评论

:icon07 :icon02 :icon16 :icon23 :icon37 :icon05 :icon38 :icon35 more »
(Ctrl + Enter)