问答详情
源自:12-2 我要独占一行 - 块级元素

ul、ol、dl的区别

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


提问者:Chris_克瑞斯 2016-03-04 17:33

个回答

  • 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格式是一样的