display:内联块无法正常工作

时间:2013-12-30 03:39:07

标签: css horizontal-scrolling

你知道如何在tumblr上,主页上的帖子垂直滚动吗?我想横向做。我知道我必须使用某种类型的显示:内联或显示:某处的内联块。我在我的身体标签,邮箱标签中尝试过,它似乎不起作用。

1 个答案:

答案 0 :(得分:0)

CSS中的宽度与高度的工作方式不同,默认情况下,内容将始终在空白处打破以保持在其父级的宽度内。

但是,您可以使用white-space: nowrap;

强制元素不包装任何子元素

这与overflow-x: scroll;一起将这些元素保存在一个漂亮的可滚动区域中,而不是推出其容器的边界。

您使用display: inline;display: inline-block;来保持内容在同一条线上是正确的轨道..您还可以使用float作为另一种选择,甚至是表格​​单元格显示属性,但那些应该更具体情况。

这是我放在一起的一个例子,希望这应该是你需要的全部内容:

http://jsfiddle.net/9xkPP/

相关问题