2013-05-09 4 views
4

저는 WPF, XAML 등에 대한 깊은 경험을 가지고 있습니다. 그러나 HTML/CSS/JS에서 뭔가를 만들어야합니다.HTML/CSS에 해당하는 XAML Grid 요소가 있습니까?

WPF뿐만 아니라 Silverlight에는 "Grid"인 매우 다양한 요소가 있습니다. 기본적으로 모든 종류의 시각적 객체를 호스팅하는 목록이며 행/열 컬렉션 정의에 따라 정렬됩니다. 여기

중독이 아닌 XAML을위한 (단순 IMHO) 예입니다

http://wpftutorial.net/GridLayout.html

나는 그것이 시각의 레이아웃을 관리하기위한 가장 중요한 컨트롤의 생각합니다.

이제는 웹 세계에서 동등한 "구성 요소"가 있는지, 아마도 간단하고 깨끗한 지 아닌지 궁금합니다. 간단한 문제에 대한 코드가 아닙니다. 즉, ASP.Net, ExtJS 또는 기타와 같은 프레임 워크에 의존하고 싶지 않습니다. 최소한의 HTML/CSS/JS 섹션 만 있으면됩니다.

최신 브라우저를 사용하는 것이 좋습니다.

미리 감사드립니다.

+1

부트 스트랩이나 파운데이션과 같은 CSS 그리드 시스템은 어떻습니까? 보십시오 http://twitter.github.io/bootstrap/scaffolding.html 또는 http://foundation.zurb.com/grid.php – michele

+1

감사합니다, Michele. 저는 이미 Zurb-way를 보았습니다. 그러나 꽤 일반적인 문제 이상의 패치와 같습니다. 그러나 그것은 "일반적인"IMHO이지만 대다수에게는 그렇지 않을 수도 있습니다! 또한 행을 스팬 할 수 없습니다. –

답변

0

글쎄, 아직 개발 중이지만, 나 자신이 하나 발견했습니다. 현재 IE10 만 구현하고있는 것 같습니다.

http://ie.microsoft.com/testdrive/Graphics/hands-on-css3/hands-on_grid.htm

은 정말이 기능을 짧은에 휴지통되지 않습니다 바랍니다.

+0

우르호, 더 많은 Microsoft 전용 CSS를 사용하면 안됩니다. –

+1

글쎄, AFAIK는 MS 독점은 아니지만 W3C 권장 사항입니다. Chrome 쪽에서 본 적이 있지만 구현을 시작한 것으로 보이지만 성공할 수 있습니까? –

+0

음, '-ms'로 시작하는 표기법은 그렇지 않다는 것을 의미하는 것으로 보입니다. 이 문제에 관한 더 나은 페이지는 아마도 [w3.org의 기사] (http://dev.w3.org/csswg/css-grid/) 일 것입니다 (와우, 2013 년 5 월 8 일에 주목했습니다). 또한 확실히 보편적 인 지원을 받기를 바랍니다. 응용 프로그램 유형 웹 사이트에서 동적 행을 사용하려면 괜찮은 그리드 레이아웃이 부족합니다. –

관련 문제