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。保持元素內聯

回答

相關問題