如何安排许多< div>元素并排没有包装 [英] How to arrange many <div> elements side by side with no wrap

查看:70
本文介绍了如何安排许多< div>元素并排没有包装的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

在容器div中并排有三个div元素,宽度小于子元素总数
width。 这里您可以找到案件的小提琴:

There are three div elements side by side in a container div, with smaller width than children total width. Here you can find the Fiddle of the case:

我想制作

如何安排孩子不要包装在容器div中?

How can I arrange children not to wrap inside container div? It scroll vertically now, I want it to scroll horizontally.

推荐答案

更改 float:
现在垂直滚动, left
display:inline-block; 并将 white-space:nowrap 容器。

这篇关于如何安排许多< div>元素并排没有包装的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆