CSS。删除溢出-y。 NOWRAP。保持元素内联

这有什么问题？香港专业教育学院读了一些文章，其建议的，为了有inline-block的元素都与仅溢出-X在同一行，下面的CSS是所有必需的父：CSS。删除溢出-y。 NOWRAP。保持元素内联

div { 
overflow-x:scroll; 
overflow-y:hidden; 
white-space:nowrap; 
}

这是我的CSS，直接从我的父母和我需要在同一行上的元素的萤火虫。元素仅包含垂直溢出。我很困惑。有什么建议么？

.elementsRequiredOnSameLine { 
background: none repeat scroll 0 0 white; 
display: inline-block; 
float: left; 
height: 10em; 
text-align: center; 
width: 6em; 
} 

.parent{ 
display: inline-block; 
margin: 10px auto; 
min-height: 12em; 
overflow-x: scroll; 
padding: 10px; 
white-space: nowrap; 
width: 95%; 
}

来源

2013-02-25 DVCITIS

不要使用'显示：内联block' *和*'浮动：left' – 2013-02-25 02:12:16

感谢。刚刚发现它。 – DVCITIS 2013-02-25 02:13:32

使用上的元素float: left将导致他们忽略nowrap规则。由于您已经在使用display: inline-block，因此不需要浮动元素以使它们并排显示。只是删除float: left

来源

2013-02-25 02:16:39

是因为浮动：左，一旦我删除，罚款。在输入问题后发现它抱歉。

来源

2013-02-25 02:13:04 DVCITIS

CSS。删除溢出-y。 NOWRAP。保持元素内联

回答

相关问题