Css 显示:内联块不工作

Css 显示:内联块不工作,css,horizontal-scrolling,Css,Horizontal Scrolling,你知道在tumblr上,主页上的帖子是如何垂直滚动的吗?我想水平地做。我知道我必须使用某种类型的显示:inline或display:inline块。我在我的body标签、postbox标签中尝试了它,但它似乎不起作用。CSS中的宽度与高度的工作方式不太一样,默认情况下,内容将始终在空白处断开,以保持在其父项的宽度内 但是,您可以通过使用空白:nowrap 这与overflow-x:scroll结合使用将把这些元素保持在一个很好的可滚动区域内,而不是将其容器的边界向外推 您使用display:in

你知道在tumblr上,主页上的帖子是如何垂直滚动的吗?我想水平地做。我知道我必须使用某种类型的显示:inline或display:inline块。我在我的body标签、postbox标签中尝试了它,但它似乎不起作用。

CSS中的宽度与高度的工作方式不太一样,默认情况下,内容将始终在空白处断开,以保持在其父项的宽度内

但是,您可以通过使用
空白:nowrap

这与
overflow-x:scroll结合使用
将把这些元素保持在一个很好的可滚动区域内,而不是将其容器的边界向外推

您使用
display:inline的方法是正确的
显示:内联块用于将内容保持在同一行上。。您也可以使用
float
作为另一种选择,甚至可以使用表格单元格显示属性,但这些属性应该更具体一些

下面是我总结的一个例子,希望这就是您所需要的:


发布您尝试过的内容。我不使用tumblr,所以不,我不知道它是如何工作的。。。