css3 x滚动框 |css animation停止

首先，大家需要设置一个div容器，用来包含大家要展示的内容，然后给这个div容器设置一个宽度和高度，并添加overflow: auto;属性，这样就可以使得内容超出这个容器时出现滚动条。

/*设置滚动框的样式 */
.scroll_box{
width: 200px;
height: 120px;
overflow: auto;
white-space: nowrap;
}

接下来，大家需要给内容设置display: inline-block;属性，这样内容会以块级元素的方式排列，并可以占据一定的宽度。另外，还需要给内容设置一个固定的内边距，这样才能使每个内容之间有一定的间距。

/*设置滚动框内的样式 */
.scroll_box p{
display: inline-block;
padding: 10px;
}

最后，大家还可以设置white-space: nowrap;属性，这样内容就不会换行，而是一直在同一行上展示，这样就可以保证内容的完整性。

示例代码