Fatal编程技术网
  • html/
  • Html 如何在li元素中浮动两个元素而不每次清除

Html 如何在li元素中浮动两个元素而不每次清除

html css

Html 如何在li元素中浮动两个元素而不每次清除,html,css,css-float,html-lists,Html,Css,Css Float,Html Lists,我有一个堆叠的列表，我想浮动一个img（图标）和文本。然而，我觉得在每一个列表项之后清除它是一件痛苦的事情。这里的解决方案是什么？有什么建议可以让它更干净吗 <ul> <li><img src="#" /> <a href="#">Home</a></li> <div class="clear"></div> <li><img src="#" /> <a hr

我有一个堆叠的列表，我想浮动一个img（图标）和文本。然而，我觉得在每一个列表项之后清除它是一件痛苦的事情。这里的解决方案是什么？有什么建议可以让它更干净吗

<ul>
  <li><img src="#" /> <a href="#">Home</a></li>
  <div class="clear"></div>
  <li><img src="#" /> <a href="#">About</a></li>
  <div class="clear"></div>
</ul>

    

  • 

  •
您可以将
li
元素设置为
清除


<ul>
  <li class="clear"><img src="#" /> <a href="#">Home</a></li>
  <li class="clear"><img src="#" /> <a href="#">About</a></li>
</ul>



演示在
是的，为clearfix使用一个类：

并添加以下css：


.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
      clear: both;
}



你只需要一次清关，那是在ul之后


<ul>
   <li><img src="#" /> <a href="#">Home</a></li>
   <li><img src="#" /> <a href="#">About</a></li>
</ul>
<div class="clear"></div>



    

  • 

  • 



div
作为
ul
的直接子级，这不是有效的HTMLI吗？这是什么意思？还是这个？我会使用图像作为背景，并将其从标记altogetherThank@MichaelUnterthurner Clearing once after ul work now@MohammadAreebSiddiqui，没有。默认值为
溢出：可见
（）确定！：）谢谢你提供的信息。：）

<ul>
   <li><img src="#" /> <a href="#">Home</a></li>
   <li><img src="#" /> <a href="#">About</a></li>
</ul>
<div class="clear"></div>