2013-08-22 2 views
2

저는 로컬 사이트의 벽돌 레이아웃이 루프와 함께되도록 WordPress에서 석조물 레이아웃을 사용하고 있습니다. 내 질문을 설명하기 위해 fiddle을 만들었습니다.단일 벽돌 관리 항목 위치

벽돌 레이아웃 내에서 하나의 항목의 위치를 ​​제어하려면 어떻게해야합니까?

나는 사업부는 항상 어떻게 벽돌은 .box 항목을 할당 위치를 오버라이드 (override) 할

(내 왼쪽 상단 스탬프의 오른쪽) 벽돌 컨테이너의 오른쪽 상단에되고 싶어?

#container { max-width:635px; width:100%; } 
.corner-stamp { background:gray; width: 90px; height: 90px; } 

.box { 
    width: 90px; 
    height: 90px; 
    margin: 5px; 
    background: #6AD; 
    float: left; 
} 

/* I want to freely position this item with css */ 
#biggerBlock{ 
    width: 395px; 
    height: 200px; 
    background: #6AD; 
    left:25%; /* overidden by masonry */ 
} 

.box.large { 
    background: #084; 
    z-index: 2; 
} 

는 UPDATE :

데이비드 Desandro는 official Masonry 힘내 페이지의 질문에 대답했다. 새로운 동위 원소 v2에는 2 개의 코너 스탬프를 포함 할 수있는 기능이 있습니다. downvote 주셔서 감사합니다.

+2

당신의 downvotes – BenRacicot

답변

4

지금은 순수한 벽돌에 cornerStampSelector 속성이 없습니다. stamp 옵션을 사용할 수 있습니다.

레이아웃에 스탬프 처리되는 요소를 지정합니다. 이들은 특수 레이아웃 요소이며 Masonry에서 레이아웃하지 않습니다. 오히려 벽돌은 아래에 아래의 요소 요소를 배치합니다.

$container.masonry({ 
    columnWidth: 100, 
    animate: true, 
    stamp: '#biggerBlock' 
    }); 

그리고 stamp있어서

레이아웃의 요소를 스탬프. 벽돌은 주위에 스탬프 요소로 된 항목 요소를 배치합니다.

$container.masonry('stamp',$('#biggerBlock')); 
+0

을 설명주십시오 cornerStampSelector에서 서로 다른가요 : 내 바이올린에 사용? 나의 바이올린을 포크로하고 당신의 기술을 보여 주도록 신경을 씁니까? – BenRacicot

+0

예, 그렇습니다. 귀하의 jsfiddle에서 독립형 벽돌 라이브러리를 사용하고 있습니다. 그리고 요소를 찍을 다른 속성을 지정해야합니다. 여기에 [jsfiddle] (http://jsfiddle.net/9bqEx/1)이 있습니다. – Grin

+0

웬일인지 유감스럽게 생각하지 않았습니다. 좋은 대답! – BenRacicot