4
我有一個內容列表,我想在span9的引導網格中顯示,並且只能在x軸上滾動。在下面你可以找到設計的快照。HTML中的水平滾動CSS
,但我不能夠得到它一起工作
overflow-x: scroll;
overflow-y: hidden;
鏈接:http://play.mink7.com/mybooks/template.html
我有一個內容列表,我想在span9的引導網格中顯示,並且只能在x軸上滾動。在下面你可以找到設計的快照。HTML中的水平滾動CSS
,但我不能夠得到它一起工作
overflow-x: scroll;
overflow-y: hidden;
鏈接:http://play.mink7.com/mybooks/template.html
內容不會在X軸溢出,因爲它只是一個新的線。你可能會需要強制的內容留在同一條線路:
.featured-category ul {
white-space: nowrap; // add
}
.featured-category ul li {
display: inline-block; // add
/*float: left;*/ // remove
}
我正要只是建議inline-block的另外...但你編輯的答案更快,所以我可以現在就做給你+1 ;-)幹得好!^_^ –
@MartinTurjak感謝+1,我在閱讀完這個問題後,最初從頭腦中提出了我的答案,想着可能是什麼問題。然後我按照提供的鏈接查看我的解決方案。顯然,只有「nowrap」是不夠的,我認爲「內聯塊」也是必需的。你的建議本來是對的。 – Bazzz