简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
타일 ​​레이아웃의 가로 스크롤 버튼
P粉823268006
P粉823268006 2023-08-31 20:54:51
0
2
550
<p>다음과 같이 타일 레이아웃에서 수직으로 스크롤되는 버튼이 많이 있습니다.</p> <p> <pre class="brush:html;toolbar:false;"><style> .타일버튼 { 너비:33.3%; 높이:100px; 배경색: 연한 파란색; 테두리: 단색 1px 회색; 공백: 정상; 마링: 0px; } </스타일> <body style="여백: 0;"> <div style="너비:100%;높이:300px;배경색: 산호;오버플로-y: 스크롤;글꼴 크기:0px;"> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <button class="tile-button">제목</button> <div> </body></pre> </p> <p>이제 동일한 작업을 수행해야 하지만 가로 스크롤만 사용하면 됩니다. 누구든지 나를 도와줄 수 있나요? 정말 감사합니다</p>
P粉823268006
P粉823268006

모든 응답(2)
P粉060528326
P粉0605283262023-09-01 14:46:59 2층

컨테이너 DIV에 'white-space:nowrap;' CSS 코드를 추가하세요.

으아악
좋다 +0
답글 추가
P粉156415696
P粉1564156962023-09-01 10:50:41 1층

해결책을 찾았습니다:

으아악
좋다 +0
답글 추가
인기 주제
더>
인기 기사
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！