html:css:layout

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- html:css:layout [2011/01/06 16:16]
kwon37xi
+++ html:css:layout [2011/05/13 11:07] (현재)
kwon37xi
@@ 줄 2: / 줄 2: @@
   * [[http://www.student.oulu.fi/~laurirai/www/css/middle/|Vertical centering using CSS]]
   * [[http://www.communitymx.com/content/article.cfm?cid=afc58|유동 레이아웃에서 배경 화면을 지정하는 방법]]
+===== 가로 스크롤로 요소 배치하기 =====
+가로로 모든 요소가 배치되고 자동으로 넘치는 부분이 아래로 내려가지 않게 하려면 부모에 [[http://www.w3schools.com/CSS/pr_text_white-space.asp|nowrap]] 을 지정한다.
+  * nowrap의 내부 내용 요소는 **display: inline** 이어야 한다.
+  * ul 내부의 li는 float: left를 지정하면 **안 된다**
+<code css>
+div.parent {
+    overflow-x: auto;
+    overflow-y: hidden;
+    white-space: nowrap;
+}
+</code>

html/css/layout.1294298169.txt.gz · 마지막으로 수정됨: 2011/01/06 16:16 저자 kwon37xi