本文介绍了如何使用CSS使`ul`元素内的`li`元素不换行显示，并通过设置`display: inline-block`而非`float: left`达到预期效果。同时，展示了使用JavaScript实现轮播图滚动的代码，当轮播到最后一项时，会将其移动到列表的开头，形成无缝循环滚动的视觉效果。
我想让ul里面的内容不换行显示，一直往下排，然后给他加一个往前滚动的特效的。但是我发现给ul设置了white-space:nowrap根本没起作用。
我是下面这样写的
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style>
ul{
overflow: hidden;
width:1000px;
white-space: nowrap;
}
ul li{
background:red;
height:300px;
float:left;
width:200px;
margin:30px;
}
</style>
</head>
<body>
<div id="autoscroll">
<ul>
<li>第一页</li>
<li>第二页</li>
<li>第三页</li>
最低0.47元/天 解锁文章
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
