ul、ol、dl的区别

来源:12-2 我要独占一行 - 块级元素

Chris_克瑞斯

2016-03-04 17:33

ul、ol、dl的宽度都是设置的200px,可是为什么ul、ol显示出来的宽度是一样的,但是dl却不一样呢?

以下是代码:

<ul>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
</ul>
<ol>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
    <li>1234567890</li>
</ol>
<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>

http://img.mukewang.com/56d95652000183d603340612.jpg


写回答 关注

2回答

  • yangxyang
    2016-03-04 17:48:02

    ul和ol别是无序列表和有序列表,而dl是用户自定义列表,各个元素列表包含有列表项及其注释,各占一行

  • 电竞老干妈
    2016-03-04 17:43:21

    无序列表ol 有序列表ul 他们的项目<li>标签都是同一级所以显示效果一样 自定列表dl ol ul都属于列表形式但是dl不仅仅是一系列项目还是项目和注释是组合所以 计算机 显示器显示出来是一样的,因为他们属于同一级dt项目,其他的属于dd注释,所以来说dt跟dt格式是一样的,dd跟dd格式是一样的

    电竞老干妈 回复Chris_...

    因为前面没有符号占位啊 也没有缩进所以就会短一截

    2016-03-04 18:31:29

    共 2 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225293 学习 · 18230 问题

查看课程

相似问题