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>
ul和ol别是无序列表和有序列表,而dl是用户自定义列表,各个元素列表包含有列表项及其注释,各占一行
无序列表ol 有序列表ul 他们的项目<li>标签都是同一级所以显示效果一样 自定列表dl ol ul都属于列表形式但是dl不仅仅是一系列项目还是项目和注释是组合所以 计算机 显示器显示出来是一样的,因为他们属于同一级dt项目,其他的属于dd注释,所以来说dt跟dt格式是一样的,dd跟dd格式是一样的