Fatal编程技术网
  • html/
  • Html 如何使这些无序的列表彼此相邻？

Html 如何使这些无序的列表彼此相邻？

html css

Html 如何使这些无序的列表彼此相邻？,html,css,html-lists,inline,Html,Css,Html Lists,Inline,如何使用css3使这些列表（列表项1到4中的无序列表）彼此相邻 这是我一直在使用的代码，我一直在尝试几种方法，但我似乎无法掌握它的窍门 <footer> <ul> <li>1</li> <ul> <li>Visie & Beleid</li> <li>Opbouw Studiepr

如何使用css3使这些列表（列表项1到4中的无序列表）彼此相邻

这是我一直在使用的代码，我一直在尝试几种方法，但我似乎无法掌握它的窍门

<footer>

    <ul>
        <li>1</li>
            <ul>
                <li>Visie & Beleid</li>
                <li>Opbouw Studieprogramma</li>
                <li>Competenties</li>

            </ul>

        <li>2</li>
            <ul>
                <li>Mededelingen</li>
                <li>Uitagenda</li>
                <li>Propedeuse</li>

            </ul>

        <li>3</li>
            <ul>
                <li>Contact</li>
                <li>Blog</li>
                <li>Docenten</li>
                <li>Onderwijsbureau</li>

            </ul>


    </ul>
</footer>



    

  • 一,
    • 

      

    • Visie&Beleid酒店
      • 

    • Opbouw研究计划
      • 

    • 能力
      • 

    

  • 二,
    • 

      

    • 梅德林根
      • 

    • 会议议程
      • 

    • 丙烯醚
      • 

    

  • 三,
    • 

      

    • 接触
      • 

    • 博客
      • 

    • 医生
      • 

    • 昂德维斯布鲁奥
      •
您是否尝试将“inside”
放入div中，然后将样式应用于
以赋予其宽度，然后将其向左浮动

类似于以下JSFIDLE的内容：

我承认，我不确定在
中放入
是否是个好主意，但它在Chrome和Firefox中运行良好


（编辑：更新链接，以考虑嵌套的
后关闭的
标记）
您需要设置列表项的“显示”属性，以使它们彼此内联，如下所示：


ul ul li { display: inline; }



这是无效的标记。在
    标记下面不能有
      标记。查看本文中的嵌套列表：我很高兴看到您将嵌套的
        放入
      • 中，但s仍然无效且不必要。说得好。。。在网上查看了一下，并自学了自己：）谢谢！