페이지에 두 개의 div 태그 (예 : 왼쪽에 하나, 오른쪽에 다른 하나)가 책과 같이 사용됩니다. 이제 div 태그의 오른쪽면을 초과하면 HTML 페이지가 왼쪽에로드됩니다. 저에게이 아이디어를 구현해주십시오. 당신은 텍스트가 두 번째 열의 시작 첫 번째 열의 바닥에서 계속 두 개의 열이 프리젠 테이션을 원하는처럼 어떻게 다른 섹션에서 HTML 페이지를 깰 수 있습니까?
이 소리
0
A
답변
1
을 찾고 주셔서 감사합니다. 넷스케이프는 이러한 용도로 독점적 인 태그를 사용했지만,별로 사용되지 않았으며 넷스케이프로 사망했습니다. 이 문제는 스타일링 및 모듈 CSS3 Multicolumn Layout의 일부로 간주됩니다. 그것의 주된 문제는 모든 버전의 IE에서 지원이 부족하다는 것입니다. 소개 기사는 QuirksMode.org에서 Columns을 확인하십시오.
3
예, CSS3, css 클래스에서 지정된 높이로 다중 열 레이아웃을 사용할 수 있습니다.
<html>
<head>Test </head>
<style>
.tt{
-moz-column-count: 2;
-moz-column-gap: 1em;
-moz-column-rule: 1px solid black;
-webkit-column-count: 2;
-webkit-column-gap: 1em;
-webkit-column-rule: 1px solid black;
height:200px;
}
</style>
<body>
<div class="tt">
HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived. HTML5 and CSS3 have just arrived.
HTML5 and CSS3 have just arrived.HTML5 and CSS3 have just arrived.
</div>
</body>
</html>
저는 Microsoft 팬이 아닙니다. IE에 대한 약속이 없습니다.
+0
Opera는 webkit 및 moz-prefixes 만 사용하지 않습니다. Opera는 이것을 지원합니다 ([접두어 없음] (http://www.opera.com/docs/specs/presto29/css/multicolumnlayout/)). – Bergi
관련 문제
- 1. PostSharp - 다른 측면을 깰
- 2. 어떻게 파이썬 소스 코드에서 디버거를 깰 수 있습니까?
- 3. MySQL - 더 많은 테이블을 깰 수 있습니까?
- 4. HTML 아카이브에서 asp 생성 페이지를 어떻게 저장할 수 있습니까?
- 5. 어떻게 aspx 페이지에 정적 HTML 페이지를 포함시킬 수 있습니까?
- 6. 네이티브 응용 프로그램에서 어떻게 HTML 페이지를 열 수 있습니까?
- 7. HTML, 어떻게 화면에 웹 페이지를 넣을 수 있습니까?
- 8. doxygen이 여러 다른 매뉴얼 섹션에서 매뉴얼 페이지를 얻는 방법은 무엇입니까?
- 9. html 페이지를 다른 html 페이지에 포함시키는 방법
- 10. 어떻게 HTML 요소를 다른 요소와 동기화하여 크기를 조정할 수 있습니까?
- 11. 실시간으로 다른 웹 페이지를 제어하는 웹 페이지를 만들 수 있습니까?
- 12. 브라우저없이 html 페이지를 표시 할 수 있습니까?
- 13. Subversion HTML 페이지를 무시할 수 있습니까?
- 14. Javascript로 동적 HTML 페이지를 만들 수 있습니까?
- 15. 왜 스택 패널이 피벗 뷰어를 깰 수 있습니까?
- 16. Drools Rules : "when"섹션에서 어떻게 메소드를 사용할 수 있습니까?
- 17. 어떻게 댓글 페이지를 만들 수 있습니까?
- 18. 어떻게 xml CDATA에 xhtml 페이지를 저장할 수 있습니까?
- 19. 프레임이없는 html 페이지로 html 페이지를 표시 할 수 있습니까?
- 20. 사용자 국가에 따라 다른 HTML 페이지를 어떻게 제공합니까?
- 21. 하나 이상의 클래스가 jquery selector를 깰 수 있습니까?
- 22. 아약스는 다른 아약스 페이지를 부를 수 있습니까?
- 23. 섹션에서 git 저장소를 푸시 할 수 있습니까?
- 24. 어떻게하면 Cocoa Touch 앱에서 "네비게이션 스택"을 깰 수 있습니까?
- 25. UIWebView에서 NSURLRequests를 가로 채지 않고 뒤로 단추를 깰 수 있습니까?
- 26. 어떻게 AJAX로 페이지를 리디렉션 할 수 있습니까?
- 27. 런타임에서 마스터 페이지를 어떻게 바꿀 수 있습니까?
- 28. Drupal 6 : 어떻게 페이지를 "끌 수 있습니까?"
- 29. jsf에서 어떻게 오류 페이지를 만들 수 있습니까?
- 30. 로그인 페이지를 어떻게 얻을 수 있습니까?
당신이 이미 가지고있는 HTML/CSS/JavaScript를 http://jsfiddle.net/에서 볼 수 있고 당신의 문제가 무엇인지에 대한 명확한 생각을 보여줄 수 있습니까? – ManseUK
아이디어 : 왼쪽면의 높이, 내용 높이를 계산하고, 내용 요소를 반복하고'content.height <= leftSide.height'와 같은 수만큼 가져 와서 왼쪽에 추가하십시오. 나머지는 오른쪽에 추가하십시오. –