DIV에서 인라인에 맞게 여러 이미지를 스케일링 하시겠습니까?

Question

고정 크기 DIV 내부에 인라인을 맞출 수 있도록 여러 이미지를 확장하는 효율적인 방법이 있습니까?

JavaScript를 사용하여 DIV 너비를 계산하고 이미지 수 (패딩 제외)로 나눈 다음 이미지를 똑같이 크기로 나누어서 종횡비를 유지하기 위해 할 수 있다고 가정하지만 더 나은 것이기를 바라고 있습니다. 그것을하는 방법.

Answer 1

DIV의 크기를 미리 알고 있다면 HTML의 태그에서 이미지의 너비를 설정하거나 CSS 규칙을 사용할 수 있습니다. DIV의 크기를 모르지만 예상되는 이미지 수를 알고 있다면 각 이미지의 너비를 백분율 (100/숫자)으로 설정할 수 있습니다. 너비 만 선언하면 브라우저는 이미지의 종횡비를 보존합니다.