ItemStyle.xsl의 고정 너비로 자동으로 이미지 높이를 자동으로 스케일합니다.
-
10-12-2019 - |
문제
SharePoint 2010을 사용하고 있습니다.
콘텐츠 쿼리 웹 파트가 있고 내 자신의 ItemStyle.xsl
를 만들었습니다.이 항목 스타일에서는 제목, 설명 및 이미지가 있습니다.이 이미지는 고정 너비와 높이 150px입니다.고정 된 너비의 150px 및 확장 된 자동 높이 만 설정할 수 있습니까?
해결책
CSS를 통해 비례 적으로 이미지의 크기를 조정하는 방법
ItemStyle.xsl
에서 이미지 렌더링에 다음 XSL이 사용되도록 가정합니다.
<img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
</img>
.
그런 다음 다음 CSS를 사용하여 비례하여 이미지의 크기를 조정할 수 있습니다.
img.image {
width:150px;
height: auto;
}
. 제휴하지 않습니다 sharepoint.stackexchange