Автоматическое масштабирование высоты изображения по фиксированной ширине в ItemStyle.xsl?
-
10-12-2019 - |
Вопрос
Я использую SharePoint 2010.
У меня есть веб-часть запроса содержимого, и я создал свою собственную ItemStyle.xsl
.В этом стиле элемента у меня есть некоторый заголовок, описание и изображение.Это изображение имеет фиксированную ширину и высоту 150 пикселей.Можно ли установить только фиксированную ширину в 150 пикселей и автоматическую масштабируемую высоту?
Решение
Как пропорционально изменить размер изображения с помощью CSS
Давайте предположим, что следующий xsl используется для рендеринга изображений в ItemStyle.xsl
:
<img class="image" src="{$SafeImageUrl}" title="{@ImageUrlAltText}">
</img>
тогда следующий Css можно было бы использовать для пропорционального изменения размера изображения:
img.image {
width:150px;
height: auto;
}
Не связан с sharepoint.stackexchange