나는 왼쪽이나 오른쪽으로 떠 다니거나 일반적인 방식으로 쌓기보다는 아래로 흐르고 여러 열 (예 : Word와 같이)을 채우고 싶은 동적 요소가 있습니다. CSS를 가능하게하는 기능이 있습니까? 그렇지 않다면 어떤 조치를 취할 수 있습니까?CSS의 동적 열
답변
CSS3에서만 가능하지만 아직 안전하게 사용하기 위해 필요한 시장 점유율이 없습니다.
자세한 내용은 Zen Elements에서 확인하십시오.
CSS3까지 해결 방법은 "주류"이와 같은 자바 스크립트/JQuery와 기반 솔루션이 될 수 : Columnizer jQuery Plugin
우수. 나는 항상 jQuery를 탐구하는 것을 두려워했지만 복잡한 것이라고 생각하는 것은 어리 석습니다! 아주 쉽고 좋은 예입니다. 감사. – Daniel
약 <li>
왼쪽에 떠 다니며 표시 : 인라인 블록?
여기 뭔가있는 것 같아요. 항목을 여러 열로 자동 분리 할 수 있습니까? – Daniel
예, 항목의 너비와 컨테이너 div의 높이를 설정하면됩니다. 그들은 정확하게 기입해야합니다 – mkoryak
@mkoryak 실제로 열을 에뮬레이트하는 것은 가능하지만 순서가 잘못되었습니다. 기둥은 위쪽에서 아래쪽으로 그리고 나서 옆으로 쌓일 것으로 예상됩니다. – jpeltoniemi
CSS3가 가능 (explanation/description here)하게,하지만 널리 아직 지원되지 않는 : 파이어 폭스의 최신 버전 및 Safari (다른 웹킷 기반 브라우저와 마찬가지로)가 Safari를 지원합니다.
JavaScript를 사용하면 융통성 있고 일반적인 것이 가장 중요합니다. 하나의 특정 텍스트에 대해서만 작업하는 경우 하드 코딩 할 수도 있습니다.
- 1. CSS의 신문 열
- 2. CSS의 절대 열
- 3. CSS의 가운데 4 열
- 4. CSS의 동적 마진 크기 변경
- 5. 동적 열 - SQL 서버 - 열
- 6. 동적 열 수 처리
- 7. jqGrid의 동적 열
- 8. 동적 열/행
- 9. 런타임의 동적 ListView 열
- 10. 동적 열 이름
- 11. php csv 동적 열
- 12. 동적 격자 열
- 13. SSIS - 동적 열 매핑
- 14. MySQL의 동적 열 이름
- 15. Xaml의 동적 열 바인딩
- 16. 동적 열 빼기
- 17. asp.net 동적 gridview에서 열 찾기
- 18. Silverlight DataGrid를 사용하는 동적 열
- 19. ASP의 동적 변경 : GridView 열
- 20. 동적 gridview 열 이벤트 문제
- 21. 피벗 할 때 동적 열
- 22. 동적 데이터의 분할 표 열
- 23. SELECT 문 POSTGRESE의 동적 열
- 24. WPF MvvM DataGrid 동적 열
- 25. where 절의 동적 열 이름
- 26. SQl 참조 테이블 - 동적 열
- 27. GridView + 동적 열 + PopupExtender + CheckBoxList
- 28. 목록 상자에 동적 열 표시
- 29. 리피터가 포함 된 동적 열
- 30. 여러 열 동적 PHP 목록
당신은 신문 레이아웃 같은 것을 이야기하고 있습니까? jquery 플러그인이 있다는 것을 알고 있습니다. – codedude