                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

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>

Chris_克瑞斯

2016-03-04

源自：初识HTML(5)+CSS(3)-升级版 12-2

关注问题我要回答

2436

操作

收起

2 回答

yangxyang
2016-03-04

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

0 回复有任何疑惑可以回复我~

电竞老干妈
2016-03-04

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

0 回复有任何疑惑可以回复我~

#1

Chris_克瑞斯提问者

恩，这个我知道，我的意思是，为什么他们都设置的同一个宽度，但是dl出来的宽度明显短了一截

2016-03-04 回复有任何疑惑可以回复我~

#2

电竞老干妈回复 Chris_克瑞斯提问者

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

2016-03-04 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

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

参与学习 1225293 人
解答问题 18230 个

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

本课相似问答

7 回答<ul>和<ol>标签啥区别

2 回答div和ol的区别是什么？

3 回答<li>和<ol>、<ul>都是块状元素吗？

2 回答++和- -的区别

3 回答区别。

搜索更多本课相关问答

ul、ol、dl的区别

我要回答关注问题

意见反馈帮助中心 APP下载