当前位置: html教程 > 02-列表标签 > 阅读正文

li为什么必须ol或ul?

2021.3.20.   751 次   527字

在很多新手写li的时候, 很可能会直接写li, 并不使用ol或ul嵌套

直接写li什么效果

<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
<li type="1">xxx</li>
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • xxx
  • li嵌套ol与ul

    <ol>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    	<li>xxxxx</li>
    </ol>
    1. xxxxx
    2. xxxxx
    3. xxxxx
    4. xxxxx
    5. xxxxx
    6. xxxxx
    7. xxxxx
    8. xxxxx
    9. xxxxx
    10. xxxxx

    总结

    当直接写li时, 仔细可以看到第10个不对齐

    而使用ol或ul嵌套li时,所有的列表项都会对齐

    本篇完,还有疑问?

    加入QQ交流群:11500065636 IT 技术交流群