< ( 4 ) 일정 영역 가로스크롤 만들기 >
// html
<ul>
<li>안녕</li>
<li>안녕</li>
<li>안녕</li>
<li>안녕</li>
</ul>
// css
ul{ width:300px; overflow-x:scroll; white-space:nowrap;}
li{display:inline-block; font-size:40px;}
'CODING TIP > CSS' 카테고리의 다른 글
(5) css3 스위치 버튼 만들기 (0) | 2018.02.23 |
---|---|
(3) 한줄 말줄임, 두줄 말줄임 등등 (0) | 2018.01.23 |
(2) CSS 선택자 정리 (0) | 2018.01.22 |
(1) css 가상요소 :after, :before를 통해 추가된 컨텐츠 내용에 줄바꿈하기 (0) | 2018.01.17 |