css清除li浮动 |css不允许换行

css缩放图，设置+css+属性，css把图片写成白色，css让div内容等分，百度怎么抓css，css把整个页面变成透明，css不允许换行 css清除li浮动 |css不允许换行

/* 方法一：使用clearfix */
ul:before,
ul:after {
content: "";
display: table;
}
ul:after {
clear: both;
}
li {
float: left;
}
/* 方法二：使用inline-block */
li {
display: inline-block;
*display: inline; /* ie7 hack */
*zoom: 1; /* ie7 hack */
}
/* 方法三：使用flexbox */
ul {
display: flex;
flex-wrap: wrap;
}
li {
flex: 1;
}
/* 方法四：使用grid布局 */
ul {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
}
li {
margin: 0;
padding: 0;
}
/* 方法五：使用overflow属性 */
ul {
overflow: hidden;
}
li {
float: left;
display: inline; /* ie7 hack */
}

以上就是几种常用的清除li浮动的方法，您可以根据实际情况选择使用哪种方法。