2012-03-09 3 views
1

나는 사이트를 만들기 위해 960gs를 사용하고있다. 전자 상거래 사이트에서와 같은 제품 블록이 있고, 4x5 블록처럼 계속 보여주고 싶다. 열에 4 블록, 행에 5 블록, 총 20 블록을 의미한다.CSS를 사용하여 div 블록을 다음 행으로 자동 전달하는 방법은 무엇입니까?

제 문제는 첫 번째 행에 div에 "alpha"와 "omega"를 넣어야한다는 것입니다. 워드 프레스를 사용하고 있기 때문에 프로그래밍 방식으로 입력 할 수 있습니까? 제품이 그 안에 있습니다.

내가 말할 수있는 사람이 누구일까요?

+0

TBH, 귀하의 질문에 거의 의미가 없습니다. 코드 샘플과 프로토 타입에 대한 링크를 최소한으로 포함 시키십시오. 레이아웃에 대한 도움을 요청할 때 SO 사용자는 일반적으로 주석이 달린 이미지로 필요한 레이아웃을 매우 편리하게 찾습니다. – bPratik

답변

0

사용중인 코드에 익숙하지 않아 매우 추상적입니다.

Wordpress는 내가 추측하는 각 제품에 대해 PHP 템플릿을 사용합니다. 즉, 행에 나타날 모든 제품을 열거하는 PHP 루프가 있어야합니다. if 문을 거기에서 할 수 있습니다. 다음과 같은 경우 : 첫 번째 제품이 템플릿에 클래스 알파를 추가하는 경우 마지막 제품이 템플릿에 클래스 오메가를 추가하는 경우 기타 일반 템플릿 인쇄

또한 자바 스크립트 및 li : first-child 및 li : 마지막 자식 CSS 선택기하지만 페이지로드시 약간의 깜박임이 표시 될 수 있습니다.