Html 显示内联在ul标签中不起作用

Html 显示内联在ul标签中不起作用,html,css,Html,Css,试试: li{display:inline} 只需将内联应用于li: li{ display: inline; } 看这把小提琴: 无需使用float,li应该是内联的 float和display:inline不能同时使用 您必须float或inline您的li不是ul 使用li上的display:inline或dsiplay:inline块 注意:仅使用inline将阻止lis作为块元素,从而阻止您设置尺寸等样式 div.links1 ul{ 列表样式:无; 边距:


试试:


li{display:inline}

只需将
内联
应用于
li

li{
    display: inline;
}
看这把小提琴:

无需使用
float
li
应该是
内联的

  • float
    display:inline
    不能同时使用
  • 您必须
    float
    inline
    您的
    li
    不是
    ul
  • 使用
    li上的
    display:inline
    dsiplay:inline块

    注意:仅使用
    inline
    将阻止
    li
    s作为块元素,从而阻止您设置尺寸等样式

    div.links1 ul{
    列表样式:无;
    边距:0;填充:0;
    }
    林克斯1室{
    显示:内联块;
    }
    
    

    使用
    显示:内联块

    .links1 ul li{
    位置:相对位置;
    显示:内联块;
    垂直对齐:顶部;
    }
    
    
    检查


    (1)
    float
    display:inline
    不能同时使用。(2) 你必须
    float
    inline
    你的
    li
    不是
    ul
    。这是唯一能真正解释问题的答案。也许是被否决的选民试图否决这个问题,因为它有点简单。
    li{
        display: inline;
    }
    
       <div class="links1">
        <ul class="hiii">
        <li><a href="#">Warranty & Support</a></li>
        <li><a href="#">Shipping Info</a></li>
        <li><a href="#">Privacy Policy</a></li>
        <li><a href="#">About Us</a></li>
        <li><a href="#">Contact Us</a></li>
        </ul>
        </div>
    
    ul.hiii li{display:inline-block;float:left}