이미지는 CSS를 자동 폭으로 확장하지

Question

내 페이지에 다음 코드를 삽입했습니다

image { 
    margin: 0 2px 0 0; 
    height: 100px; 
    width: auto !important; 
    overflow: hidden; 
    text-align: center; 
} 

나는 100 픽셀의 최대 높이로 모든 이미지의 크기를 조절하고 그에 따라 높이를 조정하는 브라우저를 갖고 싶어. 그러나 그 결과 이미지는 100 픽셀 높이로 자르고 나머지는 숨겨집니다.

스케일링 효과를 얻으려면 어떻게해야합니까? 미리 많은 감사드립니다!

img { 
    max-height: 100px; 
} 

당신은 오버 플로우, 텍스트 정렬이 필요하지 않습니다 : 이미지

Answer 1

사용 IMG없는 이미지는

img{your style here} 

Answer 2

당신은 다음과 원하는 효과를 얻을 수 있습니다에에 스타일을 적용합니다 , 또는 폭 속성. 여백 속성을 유지할 수 있지만 위의 코드는 질문을 해결합니다.