HTML CSS의 가로 스크롤

나는 span9의 부트 스트랩 그리드에 표시하고자하는 콘텐츠 목록을 가지고 있으며 x 축에서만 스크롤해야합니다. 아래에서 디자인의 스냅 샷을 찾을 수 있습니다.HTML CSS의 가로 스크롤

enter image description here

하지만 난 그것으로 작동시킬 수 아니다

overflow-x: scroll; 
overflow-y: hidden;

링크 : 그냥 새로 이동하기 때문에 내용은 X 축에 넘쳐되지 http://play.mink7.com/mybooks/template.html

출처

2013-05-21 Harsha M V

선. 그래서 모두가 내가 지금 할 수있는,

.featured-category ul { 
    white-space: nowrap; // add 
} 

.featured-category ul li { 
    display: inline-block; // add 
    /*float: left;*/  // remove 
}

난 그냥 인라인 블록 추가 제안 그냥가는

출처

2013-05-21 07:44:36 Bazzz

...하지만 당신은 대답 빠른 편집 : 당신은 아마 한 줄에 머물 수있는 내용을 강제해야 할 것 당신에게 +1 ;-) 줄께 좋은 직장!^_^ –

@MartinTurjak +1에 감사 드리며, 처음에는 질문을 읽은 후 문제점이 무엇인지 생각하는 내 머리 꼭대기에서 내 대답을 공식화했습니다. 그런 다음 제공되는 링크를 따라 내 솔루션을 확인했습니다. 분명히 "nowrap"만으로는 충분하지 않았으며 "인라인 블록"도 필요하다고 생각했습니다. 귀하의 제안은 정확했을 것입니다. – Bazzz

HTML CSS의 가로 스크롤

답변

관련 문제