행의 이미지 수가 제한 되나요?

Question

나는 그들이 내 데이터베이스에 링크 된 것으로 표시되는 이미지 집합을 가지고 있는데, 각 이미지는 엄지 손가락을 가지고 있으며, 이제는 사용자가 다음으로 갈 필요가있는 작은 수의 이미지를 보여주기 위해 limit inquery를 사용했습니다 다른 하나를 보여주기 위해서 제 질문은 어떻게 행 4 열 3 열의 이미지를 배열 할 수 있습니까?

Answer 1

HTML :

<div id="image_container"> 
<img src="" alt="" /> 
<img src="" alt="" /> 
<img src="" alt="" /> 
<img src="" alt="" /> 
... 
</div> 

CSS :

#image_container { width:440px; overflow:hidden; } 
#image_container img { width:100px; margin:5px; float:left; display:inline; } 

당신은 크기를 조정해야 할 수도 있습니다; 이것은 일반적인 개념이다.

Answer 2

이미지가 모두 동일한 너비라면 4 개의 이미지에 대해 컨테이너를 넓게 만들고 이미지를 플로팅하십시오 왼쪽

그렇지 않으면 이미지를 반복하고 모듈러스 연산자를 사용하여 현재 행에있는 이미지를 테스트합니다. 행의 첫 번째 이미지 여야하는 경우 해당 이미지에서 수레를 지울 수 있습니다.