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的嵌套。
2条留言 立即发表评论
如果css改成float:left;就会横向排列的
是的呀,不过个人认为如果要横向排列的话,用display:inline比较好点。