재단 블록 격자
공유 페이지 콘텐츠 대규모 그리드는 예를 들어, 하나의 라인에 상관없이 화면의 평균 폭이 필요한 것, 4 개의 이미지를 표시 없음.
당신은 사용할 수 있습니다 <ul> 요소를 더한 .small|medium|large-block-grid- num 그리드 - 납입 대규모 그리드를 만들 클래스를. NUM 평균을 지정할 수있다 :
예
<UL 클래스 = "작은 블록 -grid-3">
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
<리> <IMG SRC = " paris.jpg"고도 = "파리"> </ 리>
<리> <IMG SRC = " sanfran.jpg"고도 = "샌프란시스코"> </ 리>
</ UL>
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
<리> <IMG SRC = " paris.jpg"고도 = "파리"> </ 리>
<리> <IMG SRC = " sanfran.jpg"고도 = "샌프란시스코"> </ 리>
</ UL>
»시도
또 다른 예를 들어, 단락을 사용합니다 :
예
<UL 클래스 = "작은 블록 -grid-3">
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
</ UL>
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
<리> <P> 그냥 간단한 예제 텍스트 ... </ P> </ 리>
</ UL>
»시도
다른 크기의 다른 번호를 표시
크기가 다른 여러 종류의 격자 블록을 추가함으로써 블록들의 상이한 수를 표시하도록 설정 될 수있다 :
예
<UL 클래스 = "작은 블록 -grid-2 중간 블록 그리드-3 대형 블록 그리드-4">
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
<리> <IMG SRC = " paris.jpg"고도 = "파리"> </ 리>
<리> <IMG SRC = " sanfran.jpg"고도 = "샌프란시스코"> </ 리>
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
</ UL>
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
<리> <IMG SRC = " paris.jpg"고도 = "파리"> </ 리>
<리> <IMG SRC = " sanfran.jpg"고도 = "샌프란시스코"> </ 리>
<리> <IMG SRC = " newyork.jpg"고도 = "뉴욕"> </ 리>
</ UL>
»시도