ItemStyle.xsl의 고정 너비로 자동으로 이미지 높이를 자동으로 스케일합니다.

Question

SharePoint 2010을 사용하고 있습니다.

콘텐츠 쿼리 웹 파트가 있고 내 자신의 ItemStyle.xsl를 만들었습니다.이 항목 스타일에서는 제목, 설명 및 이미지가 있습니다.이 이미지는 고정 너비와 높이 150px입니다.고정 된 너비의 150px 및 확장 된 자동 높이 만 설정할 수 있습니까?

Answer 1

CSS를 통해 비례 적으로 이미지의 크기를 조정하는 방법

ItemStyle.xsl에서 이미지 렌더링에 다음 XSL이 사용되도록 가정합니다.

<img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
</img>

.

그런 다음 다음 CSS를 사용하여 비례하여 이미지의 크기를 조정할 수 있습니다.

img.image {
    width:150px; 
    height: auto;
}

.